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

Question

在我的react项目中，我尝试将文本复制到剪贴板。在函数中，我尝试创建一个隐藏的输入，选择它，然后在文档对象中执行“复制”，如下所示：

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();
}

所有控制台。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);