了解如何向onClick事件传递参数,例如,不调用加载的方法
当你在一个React功能组件上工作时,你可能有需要在onClick(或其他事件)上附加一个事件。
你通常会这样做。
<button onClick={addBill}>Add</button>
但如果你要传递一个参数呢?比如你有一个账单列表,你想通过点击它旁边的 "X "来删除一个。
你不能这样做。
<button onClick={removeBill(index)}>𝗫</button>
因为onClick里面的表达式将在加载时被执行。这将会删除列表中的所有账单,只要应用程序被启动。
相反,这是你需要做的,使用箭头函数。
<button onClick={() => removeBill(index)}>𝗫</button>