本文為大家介紹 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)
閱讀更多 程序員小新人學習 的文章