在 React 中，如何通过编写一个不导入任何文件的简单函数来添加复制到剪贴板功能？

Question

我不想导入任何文件，例如 react-copy-to-clipboard。我只想使用一个简单的 JavaScript 函数，它应该适用于 字符串、值、状态、道具 等

Answer 1

一般来说，我们可以通过多种方式做到这一点，通过导入文件，我不推荐这样做，因为我们只为更大的事情导入文件。

通常针对文本区域或输入类型给出解决方案。

这是我的解决方案，适用于道具、值、字符串、状态或任何其他数据类型

clipboardCopy() {
    var copyCode = document.createElement('textarea')
    copyCode.innerText = this.props.voucher_id //you can use props,states,values,strings. I just used props 
    document.body.appendChild(copyCode)
    copyCode.select()
    document.execCommand('copy')
    copyCode.remove()
    this.toggleRegisterModal()
}

您可以在 React、JavaScript 或任何其他框架中使用此解决方案。

在 React 中，如何通过编写一个不导入任何文件的简单函数来添加复制到剪贴板功能？

In React, how can I add a copy-to-clipboard functionality, by writing a simple function without any files imported?

javascript

clipboard

frontend

execcommand

reactjs