如何在React中將參數傳遞給事件處理程序

例如,了解如何將參數傳遞給onClick事件,而無需在安裝時調用該方法

在使用React功能組件時,您可能需要將事件附加到onClick(或其他事件)。

您通常會這樣做:

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

但是,如果必須傳遞參數怎麼辦?假設您有一個清單清單,並且想通過單擊清單旁邊的“ X”來刪除清單。

您不能:

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

因為onClick內部的表達式將在安裝時執行。該應用程序啟動後,這將刪除列表中的所有賬單。

相反,這是您需要使用箭頭功能執行的操作:

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

免費下載我的反應手冊


更多反應教程: