可复制的按钮 link

Question

我需要创建一个按钮，当我点击它时，我会复制一个特定的 link 我正在使用 react.js

这是我的按钮

<a href="#"
 className="group inline-flex items-center font-medium text-indigo-600 hover:text-indigo-900">
 <LinkIcon 
   className="h-5 w-5 text-indigo-500 group-hover:text-indigo-900"
   aria-hidden="true"/>
  <span className="ml-2">Copy link</span>
</a>

当我点击这个按钮时，我需要剪贴板有这样的东西 "https::/google.com"

Answer 1

你只需要这个功能：

const writeTextToClipboard = text => navigator.clipboard.writeText(text);

只需将函数放在 onclick 事件中，文本 link 您需要复制

Answer 2

您可以为此使用 React copy to clip board 包。这很容易使用。按照下面link.

https://www.npmjs.com/package/react-copy-to-clipboard

如果您仍然遇到任何问题，请在此处发表评论。

Answer 3

如果您正在使用钩子，您可以尝试 this。

可复制的按钮 link

Button with copyable link

javascript

reactjs

button

copy