在 onClick 事件上传递密钥 - React

Question

我传递我映射的 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, …}

在这个对象里面，没有我的钥匙。我不明白为什么。我的错误在哪里？

谢谢你帮我理解

Answer 1

<button onClick={(event) => handleDeleteIncome(key)}>
  <i className="fas fa-times text-red-400 border p-1"></i>
</button>

您只是在 onClick 事件中重新声明了“key”变量。

在 onClick 事件上传递密钥 - React

Pass the key on onClick event - React

javascript

events

reactjs

react-hooks