将数组索引传递给 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} 

这将创建一个新方法，当您单击链接时将执行该方法。