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

在 React JS 中向 onClick 事件傳遞值

React 的 onClick 事件處理程序不允許直接傳遞值。單擊時，它會在控制台上顯示 SyntheticMouseEvent 物件。要有效地傳遞值，請遵循以下解決方案：

簡單方法

使用箭頭函數：

這將建立一個使用所需參數呼叫handleSort的函數。

更好的方法

將程式碼擷取到子元件：

子元件

主組件

這確保了重新渲染僅在必要時。

老簡單方法(ES5)

將函數綁定到組件上下文：

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