В этой статье рассказывается, как передавать параметры в события клика в React.

Описание проблемы

Сначала рассмотрим описание проблемы. Как показано ниже:

Итак, как мне решить эту проблему?

Ниже приведён HTML-код,clickFunction— функция события клика,thisStatus— передаваемый параметр:

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

Ниже показан способ получения параметров функцией в коде React,thisStatus— параметры, принимаемые функцией:

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

Чтобы решить проблему, которую я поднял в начале, снова посмотрите на рисунок.

Вот и всё.

Итог

Вам нужно привязать параметры через метод bind. Первый параметр указывает на this, а начиная со второго параметра идут параметры, принимаемые функцией события:

<button onClick={this.handleClick.bind(this, props0, props1, ...}></button>
 
handleClick(porps0, props1, ..., event) {
    // your code here
}
  • Событие:this.handleclick.bind(this, передаваемый параметр)
  • Функция:handleclick(переданный параметр, event)

Исходный адрес: https://blog.csdn.net/genius_yym/article/details/54135567