如何在 React 中向 onClick 事件傳遞值？

在 React 中向 onClick 事件傳遞值

React 的 onClick 事件處理程序本身不接受參數。當 onClick 被觸發時，它會顯示沒有任何明確值傳輸的合成事件屬性。為了克服這個問題，可以採用多種方法：

箭頭函數（簡單方法）

箭頭函數可用於手動將值傳遞給onClick 處理程序：

這將建立一個新函數，該函數使用所需的參數來呼叫handleSort。然而，過多的函數創建可能會導致不必要的重新渲染。

子組件（最佳方法）

將處理程序提取到子組件中可以透過防止過多的重新渲染：

子組件

主組件

ESES5 Legacy方法（簡單方式）

為了相容於ES5，以下方法可以使用.bind 傳遞值：

透過選擇最合適的技術，你可以有效地將值傳遞給onClick 事件做出反應並避免問題中概述的問題。

以上是如何在 React 中向 onClick 事件傳遞值？的詳細內容。更多資訊請關注PHP中文網其他相關文章！