Cet article présente comment transmettre des paramètres aux événements de clic dans React.

Description du problème

Regardons d'abord la description du problème. Comme indiqué ci-dessous :

Alors, comment résoudre ce problème ?

Voici le code HTML,clickFunctionest la fonction de l'événement de clic,thisStatusest le paramètre à transmettre :

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

Voici comment la fonction du code React reçoit les paramètres,thisStatusParamètres acceptés par la fonction :

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

Pour résoudre le problème que j'ai soulevé au début, regardez à nouveau l'image.

C'est tout.

Résumé

Vous devez lier les paramètres via la méthode bind. Le premier paramètre pointe vers this, et à partir du deuxième paramètre se trouvent les paramètres reçus par la fonction de l'événement :

<button onClick={this.handleClick.bind(this, props0, props1, ...}></button>
 
handleClick(porps0, props1, ..., event) {
    // your code here
}
  • Événement :this.handleclick.bind(this, le paramètre à passer)
  • Fonction :handleclick(le paramètre transmis, event)

Adresse d'origine : https://blog.csdn.net/genius_yym/article/details/54135567