如何在React中向事件处理程序传递一个参数

255 阅读1分钟

了解如何向onClick事件传递参数,例如,不调用加载的方法

当你在一个React功能组件上工作时,你可能有需要在onClick(或其他事件)上附加一个事件。

你通常会这样做。

<button onClick={addBill}>Add</button>

但如果你要传递一个参数呢?比如你有一个账单列表,你想通过点击它旁边的 "X "来删除一个。

你不能这样做。

<button onClick={removeBill(index)}>𝗫</button>

因为onClick里面的表达式将在加载时被执行。这将会删除列表中的所有账单,只要应用程序被启动。

相反,这是你需要做的,使用箭头函数。

<button onClick={() => removeBill(index)}>𝗫</button>