Javascript “如何复制”；innerText“；到有多个文本的剪贴板？

首先，我将向您展示我的代码，然后解释我试图实现的目标

Class SectionHues扩展了React.Component{
handleClick=（）=>{
log（this.input.innerText）；
}
render（）{
返回(
{Object.entries（this.props.colorChange）.map（[colorName，colorHex]）=>(
{/**在按钮上单击复制范围的innerText*/}
{colorName}
{/**需要复制此span标记的内部文本*/}
this.input=input}className=“color hex”>
{colorHex.toLowerCase（）}
{/**结束拷贝*/}
))}
)
}
}

正如您所看到的，按钮在数据库中循环，并使用相应的文本创建多个按钮。我曾尝试使用

ref

解决此问题，但未能解决。 单击复制的文本相同的按钮。是否有办法将按钮链接到

id

，以便单击按钮时只复制相应的文本？

---

如果您有一种不使用

id

的替代方法，那也可以。

只需在

handleClick

中添加一个参数即可

<button onClick={() => this.handleClick(colorHex.toLowerCase())} 

this.handleClick（colorHex.toLowerCase（））}

我刚刚添加了这个javascript函数。我想它会工作的。

函数copyToClipboardfunc（）{
var copyText=document.getElementById（“myInput”）；
copyText.select（）；
文件。执行命令（“副本”）；
}
欢迎来到lorem ipsum画廊。


复制文本

1）您能显示一下您的

onClick

处理程序吗？2）

innerText

将始终是

colorHex.toLowerCase（）

。你能用这个吗？或者你发布的代码比你真正想做的要简单吗？编辑了这个问题。是的，

innerText

将是

colorHex.toLowerCase（）

，但问题是

innerText

与它的按钮无关。您需要将文本作为参数传递给handleClick。

（）=>handleClick（text）

@gaditzkhori您能写一个答案吗。谢谢，谢谢！工作得很有魅力。当答案在你面前时，你会感到尴尬，但你还是看不见。非常感谢！它没有反应