在reactJS中,如何将文本复制到剪贴板?

我正在使用ReactJS,当用户单击链接时,我想将一些文本复制到剪贴板

我使用的是Chrome52,我不需要支持任何其他浏览器

我不明白为什么这段代码不会导致数据被复制到剪贴板。(代码片段的来源是一篇Reddit文章)

我做错了吗?有谁能建议有一种“正确”的方法来使用reactjs实现复制到剪贴板吗

copyToClipboard=(文本)=>{
console.log('text',text)
var textField=document.createElement('textarea')
textField.innerText=文本
document.body.appendChild(textField)
textField.select()
document.execCommand('copy')
textField.remove()
}

如果您希望以编程方式将数据写入剪贴板,请在按钮上使用此简单的内联onClick函数

onClick={()=>{navigator.clipboard.writeText(this.state.textToCopy)}

发表评论