如何在React中将参数传递给事件处理程序

例如,了解如何将参数传递给onClick事件,而无需在安装时调用该方法

在使用React功能组件时,您可能需要将事件附加到onClick(或其他事件)。

您通常会这样做:

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

但是,如果必须传递参数怎么办?假设您有一个清单清单,并且想通过单击清单旁边的“ X”来删除清单。

您不能:

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

因为onClick内部的表达式将在安装时执行。该应用程序启动后,这将删除列表中的所有账单。

相反,这是您需要使用箭头功能执行的操作:

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

免费下载我的反应手册


更多反应教程: