带有可复制链接的按钮[重复]答案

【问题标题】：Button with copyable link [duplicate]带有可复制链接的按钮[重复]
【发布时间】：2021-11-26 22:45:37
【问题描述】：

我需要创建一个按钮，当我点击它时，我会复制一个特定的链接我正在使用 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”

【问题讨论】：

也许，this 可以提供帮助。

标签： javascript reactjs button copy

【解决方案1】：

您可以为此使用 React 复制到剪贴板包。这很容易使用。请点击以下链接。

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

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

【讨论】：

【解决方案2】：

你只需要这个函数：

const writeTextToClipboard = text =&gt; navigator.clipboard.writeText(text);

只需将函数放在 onclick 事件中，并带有您需要复制的文本链接

【讨论】：

【解决方案3】：

如果你使用钩子，你可以试试this。

【讨论】：