尝试复制字符串变量到剪贴板却返回[object Object]问题咨询

问题出在你调用navigator.clipboard.writeText()时传入的参数——你用大括号把copyText包成了对象{copyText}，但这个方法要求接收字符串类型的内容。当你传入对象时，它会被转换成默认的字符串表示[object Object]，这就是你复制到剪贴板的内容。

修复后的代码很简单，直接传入copyText变量即可：

function CopyButton({ copyText = "sample text" }) {
    return (
        <button onClick={() => navigator.clipboard.writeText(copyText)}>Copy</button>
    );
}

另外注意：原代码里按钮内的{Copy}会导致未定义错误，这里改成了字符串"Copy"，如果Copy是你定义的变量或常量，可以保留，但要确保它有正确的值。

内容的提问来源于stack exchange，提问作者wkwkwk