Este artículo presenta cómo pasar parámetros a los eventos de clic en React.

Descripción del problema

Primero veamos la descripción del problema. Como se muestra a continuación:

Entonces, ¿cómo puedo resolver este problema?

El siguiente es el código HTML,clickFunctiones la función del evento de clic,thisStatusson los parámetros a pasar:

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

La siguiente es la forma en que la función en el código de React recibe los parámetros,thisStatusParámetros que acepta la función:

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

Para resolver el problema que planteé al principio, de la misma manera, mire la imagen.

De esta manera se resuelve.

Resumen

Es necesario usar el método bind para vincular los parámetros. El primer parámetro apunta a this, y a partir del segundo parámetro son los parámetros que recibe la función del evento:

<button onClick={this.handleClick.bind(this, props0, props1, ...}></button>
 
handleClick(porps0, props1, ..., event) {
    // your code here
}
  • Evento:this.handleclick.bind(this, el parámetro a pasar)
  • Función:handleclick(parámetro pasado, event)

Dirección original: https://blog.csdn.net/genius_yym/article/details/54135567