Javascript Typescript将映射的元素传递给函数onclick

我正处于Typescript应用程序的开始阶段，作为概念证明，我只想在单击按钮时提醒每个项目的ID。如何将item.ID添加到下面的onclick警报函数中

<table style="background-color:#FFFFFF;width:100px;">
  {resolvedValue.map((item, index) => (
    <tr key={index}>
      <td>
      {item.id}
      </td>
      <td>
        <button onclick="javascript:alert('Adding {item.id} ');">Add</button>
      </td>
    </tr>
  ))}
</table>

{resolvedValue.map（（项，索引）=>(
{item.id}
添加
))}

更新以下答案：

 <table style="background-color:#FFFFFF;width:100px;">
  {resolvedValue.map((item, index) => (
    <tr key={index}>
      <td>
      {item.id}
      </td>
      <td>
        <button onClick={() => alert('Adding')}>Add</button>

      </td>
    </tr>
  ))}
</table>

{resolvedValue.map（（项，索引）=>(
{item.id}
警报（'Adding'）}>Add
))}

只需使用React的

onClick

功能。看

{resolvedValue.map（（项，索引）=>(
{item.id}
警报（'Adding'+item.id）}>Add
))}

只需使用React的

onClick

功能。看

{resolvedValue.map（（项，索引）=>(
{item.id}
警报（'Adding'+item.id）}>Add
))}

编译时不会生成onclick警报。我甚至尝试删除该项。id。。。现在发布更新的代码对我有用。我创建了一个沙盒：编译时不会生成onclick警报。我甚至尝试删除该项。id。。。现在发布更新的代码对我有用。我创建了一个沙盒：

<table style={{ "background-color": "#FFFFFF", "width": "100px" }}>
  {resolvedValue.map((item, index) => (
    <tr key={index}>
      <td>
      {item.id}
      </td>
      <td>
        <button onClick={() => alert('Adding' + item.id)}>Add</button>
      </td>
    </tr>
  ))}
</table>