如何在 ReactJS 中共享当前 URL

Question

我想让用户能够单击将当前 URL 复制到剪贴板的按钮。因为我只react-router需要提取this.props.history.location.pathname并将其附加到我的域名中。

第二部分是将其保存到剪贴板。如何才能做到这一点？另外，该解决方案是否仅限于某些浏览器？

Answer 1

react-copy-to-clipboard，提供将文本复制到剪贴板的功能。

这是库的工作演示：http : //nkbt.github.io/react-copy-to-clipboard/

这是一个使用库的基本示例：

import { CopyToClipboard } from 'react-copy-to-clipboard'

render() {
  // Or if you prefer, you can use react-router API
  const url = window.location.href

  <CopyToClipboard text={url}>
    <button>Copy URL to the clipboard</button>
  </CopyToClipboard>
}