Die Implementierung der Ereignisbindung in React verweist auf drei Methoden

Klasse App erweitert React.Component {
    Zustand = {
        Anzahl: 0
    }
    // Ereignishandler onIncrement() {
        console.log('dies in der Ereignisbehandlungsfunktion:', dies)
        dies.setState({
            Anzahl:dieser.Zustand.Anzahl+1
        })
    }
    // Rendern render() {
        zurückkehren (
            <div>
                <h1>{dieser.Zustand.Anzahl}</h1>
              //Dies in der Pfeilfunktion zeigt auf die externe Umgebung, hier ist: render()-Methode <button onClick={()=>this.onIncrement()}>+1</button>
                {/* <button onClick={this.onIncrement()}>+1</button> */}
            </div>
        )
    }
}

Klasse App erweitert React.Component {
    Konstruktor() {
        super()
        // Daten dieser.Zustand = {
            Anzahl: 0
        }
        // Die erste Methode.bind ändert den this-Zeiger, gibt eine Funktion zurück und führt die Funktion this.onIncrement = this.onIncrement.bind(this) nicht aus.
    }
     // Ereignishandler onIncrement() {
         console.log('dies in der Ereignisbehandlungsfunktion:', dies)
         dies.setState({
             Anzahl:dieser.Zustand.Anzahl+1
         })
     }
    // Rendern render() {
        zurückkehren (
            <div>
                <h1>{dieser.Zustand.Anzahl}</h1>
                <button onClick={this.onIncrement}>+1</button>
                {/* <button onClick={this.onIncrement()}>+1</button> */}
            </div>
        )
    }
}

Klasse App erweitert React.Component {
    Konstruktor() {
        super()
        // Daten dieser.Zustand = {
            Anzahl: 0
        }
    }
      // Ereignishandler onIncrement=()=> {
        console.log('dies in der Ereignisbehandlungsfunktion:', dies)
        dies.setState({
            Anzahl:dieser.Zustand.Anzahl+1
        })
    }
    // Rendern render() {
        zurückkehren (
            <div>
                <h1>{dieser.Zustand.Anzahl}</h1>
                <button onClick={this.onIncrement}>+1</button>
                {/* <button onClick={this.onIncrement()}>+1</button> */}
            </div>
        )
    }
}