React 點擊事件的 bind(this) 傳參問題

本文為大家介紹 React 中的點擊事件如何傳參。

問題描述

先來看一下問題的描述吧。如下圖：

那麼我該怎麼解決這個問題呢？

以下是 HTML 代碼，clickFunction 是點擊事件函數，thisStatus 是要傳遞的參數:

收

以下是 React 代碼的函數接收參數方式，thisStatus 函數接受的參數:

clickFunction(thisStatus, event) {
 console.log('thisStatus', thisStatus);
}

來解決開頭我提出的問題，同樣，看圖片吧。

這樣就可以了。

總結

需要通過 bind 方法來綁定參數，第一個參數指向 this,第二個參數開始才是事件函數接收到的參數:

 
handleClick(porps0, props1, ..., event) {
 // your code here
}

• 事件：this.handleclick.bind(this，要傳的參數)
• 函數：handleclick(傳過來的參數，event)

閱讀更多 程序員小新人學習 的文章

關鍵字: 事件 點擊 傳參