javascript - 在 onClick 事件上传递密钥 - React
问题描述
我传递了我映射的 Hook 的密钥,如下所示:
Object.entries(userWalletIncomes).map(([key, value]) => {
return (
<div id="incomeTable" className="text-left mx-auto flex" key={key}>
<p className="w-32 border p-1 capitalize">{key} :</p>
<p className="w-32 border p-1 text-green-500">{value}€</p>
<button onClick={(key) => handleDeleteIncome(key)}><i className="fas fa-times text-red-400 border p-1"></i></button>
</div>
)
})
在on click
按钮上,我给出key
了函数的调用。
当我记录它时,它没有给出简单的字符串,而是给了我这个:
SyntheticBaseEvent {_reactName: "onClick", _targetInst: null, type: "click", nativeEvent: MouseEvent, target: i.fas.fa-times.text-red-400.border.p-1, …}
在这个物体里面,没有我的钥匙。我不明白为什么。我的错误在哪里?
谢谢你帮助我理解
解决方案
<button onClick={(event) => handleDeleteIncome(key)}>
<i className="fas fa-times text-red-400 border p-1"></i>
</button>
您只是在 onClick 事件中重新声明“key”变量。
推荐阅读
- hadoop - 磁盘块大小和 hadoop 块大小
- php - 在php中用星号替换域名
- python - 我们可以访问和替换 xlsx 中的图像吗
- haskell - Fibonacci secuence 无法将预期类型 'a0 -> t' 与实际类型 '[Integer]' 匹配
- android - 屏幕按下(在移动设备上)未在预期元素 Unity 3d 上注册
- mongodb - 解析服务器 - 找不到文件
- html - 使用面临错误的 VBA 从网站中提取超链接
- php - 以混合顺序在表中插入值
- json - python pandas.read_json() 不适用于 IG Labs REST
- spring - 部署springboot应用和react应用到ubuntu服务器