React Javascript-设置状态问题和copyToClipboard问题，可缩放按钮+p渲染

为工作建立聊天网站自动响应，并且在可缩放渲染中设置按钮/段落耦合的状态时遇到困难

ID是用JSON编写的，因此创建时不唯一 Active=和value=也来自同一个JSON

我想做的是： 我想能够点击按钮，并复制到剪贴板中的文字段落具有相同的ID

代码相关片段：

---

通过选择currentTarget.value并从按钮中删除id，我能够为每个生成的输入获取值并操作其内部HTML copyToClipboard。因此，即使我没有正确回答我的问题，我还是找到了一个合适的、可扩展的解决方案。对于感兴趣的用户，以下是新代码：

  bar(e){
    var equals = e.currentTarget.value;
    document.getElementById(equals).innerHTML = "test";
  }

  Wtest(state){
  if (state.value === "1")
    return(  
       <div className="contentHolder">
          {PostData.map((postDetail) => {
            return  <div> 
          <button 
            value={postDetail.value.toString()}
            className="descriptive"
            onClick={this.bar}
          >{postDetail.name}
          </button>
          <p 
           id={postDetail.value}
           value={postDetail.value.toString()}
           className="insertText" >             
           {postDetail.content}
            </p>
            </div>
          })}  
      </div>   

  )
}

---

附加信息：由于几个小时的个人故障排除，发展了隧道视野，可能与正常工作的handleItemClick等存在一些明显的差异。请耐心等待，因为这是我的第一次react-project.Update：尝试引用值并调用react.myRed和返回无效/空值的电流。所以我想我的引用可能是错误的？F12控制台测试表明ID、值等设置正确。

  bar(e){
    var equals = e.currentTarget.value;
    document.getElementById(equals).innerHTML = "test";
  }

  Wtest(state){
  if (state.value === "1")
    return(  
       <div className="contentHolder">
          {PostData.map((postDetail) => {
            return  <div> 
          <button 
            value={postDetail.value.toString()}
            className="descriptive"
            onClick={this.bar}
          >{postDetail.name}
          </button>
          <p 
           id={postDetail.value}
           value={postDetail.value.toString()}
           className="insertText" >             
           {postDetail.content}
            </p>
            </div>
          })}  
      </div>   

  )
}