通过创建隐藏输入在 React 中复制文本

Question

在我的react项目中，我尝试将文本复制到clipboard. 在函数中，我尝试创建一个隐藏的输入，选择它并exec在文档对象中“复制”，如下所示：

const copyToClipboard = (textToCopy) => {

   console.log('textToCopy', textToCopy); // Outputs

   let input = document.createElement("input");

       input.setAttribute("type", "hidden");

       input.setAttribute("name", "temp_copy_input")

       input.setAttribute("value", textToCopy);

       input.select()

       console.log('input', input) // outputs object successfully

       document.execCommand("copy");

           input.remove();

}

一切console.log正常，但似乎没有复制输入值。

我错过了什么？

注意：我认为它不是重复的。我在这里遗漏了一些细节，将输入附加到文档中。

Answer 1

这对你有用var input = document.createElement("input");    document.body.appendChild(input);    input.value = textToCopy    input.select();    document.execCommand("copy");    document.body.removeChild(input);或者var dummy = document.createElement("textarea");document.body.appendChild(dummy);dummy.value = textToCopydummy.select();document.execCommand("copy");document.body.removeChild(dummy);