Javascript 如何添加'；参考'；从渲染中删除dom？

exmcode在这里

mines[i] = (
  <p key = {i} ref = {i}></p>
  );
  .....
  render(
      return(
          {mines}
      )
  )

mines[i]=(

);
.....
渲染(
返回(
{地雷}
)
)

当我在页面上呈现它时

（实际上我添加了一个点击 首先，当我点击按钮时，“地雷”发生了变化）

浏览器调用错误

addComponentAsRefTo（…）：只有ReactOwner可以有引用。您可能正在向未在组件的渲染方法中创建的组件添加引用，或者已加载多个副本

---

我该怎么做呢？你能不能把它放在渲染中，但在返回之前？诸如此类：

  render(
      mines[i] = (
        <p key = {i} ref = {i}></p>
      );
      return(
        <div className="wrapper">
          {mines}
        </div>
      )
  )

渲染(
地雷[i]=(

);
返回(
{地雷}
)
)

尝试将

{mines}

包装到一个div中，并在此

div中添加ref

请查看-如果您想显示项目列表，您应该按照官方文档进行操作，在那里您可以找到所需的一切，您可以显示一个列表，您必须使用“map”来循环查看您的项目，这可能是解决方案之一，但如果可以的话，我想把它放在外面。顺便说一句，感谢youTry使用一个唯一的字符串来创建ref名称：ref={'test-'+i}