將數組索引傳遞給 onClick 函數 ReactJS

Question

我想使用一些值作為參考將數據從數組傳遞給 onClick 函數，也許使用索引

這是代碼

tempEle.push(
<tr key={set.product[i].id}>

<td className="body-sticky">
<div>
<strong>
{set.product[i] && set.product[i].name
? <a href= {set.product[i].id} onClick = {(e, id)=>alert(e.preventDefault(),id)} > 
{set.product[i].name}  
</a>
: '-'}
</strong>
</div>

Answer 1

只需將您的 onClick 屬性更改為空白箭頭方法即可。 這應該有效。

{set.product[i] && set.product[i].name
 ? <a href= {set.product[i].id} onClick = {()=>alert(set.product[i].id)} > 
 {set.product[i].name} 

這將創建一個新方法，當您單擊鏈接時將執行該方法。