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

問題描述

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

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

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

<div onClick={this.clickFunction.bind(this, thisStatus)>收</div>

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

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

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

這樣就可以了。

總結(jié)

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

<button onClick={this.handleClick.bind(this, props0, props1, ...}></button>     handleClick(porps0, props1, ..., event) {      // your code here  }

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

原文地址：https://blog.csdn.net/genius_yym/article/details/54135567