Question

我在jsx中有以下代码：

<ol>
  {
    [a, b, ..., z].map((item, index) => <li><pre id={index}>{item}<button onClick={() => commands.copyText(this)}>Copy</button></pre></li>)
  }
</ol>

我想在单击“复制”按钮时复制项目的内容，但是由于某种原因我无法将其作为参数传递，是否可以使用pre id进行复制？

Answer 1

我不确定item中包含什么，但是您可以肯定将该项作为参数传递给函数：

<ol>
  {
    [a, b, ..., z].map((item, index) => (
      <li>
        <pre id={index}>
          {item}
          <button onClick={() => commands.copyText(item)}>
            Copy
          </button>
        </pre>
      </li>
    ))
  }
</ol>

如果您可以在回调中描述要实现的目标，将很有帮助；也许您不需要整个item

单击时复制到具有父ID的剪贴板

1 个答案: