通过创建隐藏输入在 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 = textToCopy

dummy.select();

document.execCommand("copy");

document.body.removeChild(dummy);