In diesem Artikel wird erklärt, wie man in React Parameter an Klick-Events übergibt.

Problembeschreibung

Schauen wir uns zunächst die Problembeschreibung an. Wie unten dargestellt:

Wie löse ich dieses Problem?

Der folgende HTML-Code,clickFunctionist die Klick-Event-Funktion,thisStatusist der zu übergebende Parameter:

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

Das Folgende zeigt, wie die React-Code-Funktion Parameter empfängt,thisStatusParameter, die von der Funktion akzeptiert werden:

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

Um das Problem zu lösen, das ich eingangs erwähnt habe, schauen Sie sich erneut das Bild an.

Das war's.

Zusammenfassung

Sie müssen Parameter über die bind-Methode binden. Der erste Parameter verweist auf this, und ab dem zweiten Parameter sind es die Parameter, die von der Event-Funktion empfangen werden:

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

• Ereignis:this.handleclick.bind(this, der zu übergebende Parameter)
• Funktion:handleclick(der übergebene Parameter, event)

Originaladresse: https://blog.csdn.net/genius_yym/article/details/54135567