[英]Typescript pass mapped element to Function onclick
我正處於 Typescript 應用程序的開始階段,作為概念證明,我希望在單擊按鈕時簡單地提醒每個項目的 ID。 如何將 item.ID 添加到下面的 onclick Alert 功能?
<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>
更新以下答案:
<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>
只需使用 React 的onClick
函數。 見https://codesandbox.io/s/keen-driscoll-mx8dy
<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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.