Warum erhalte ich in React die Meldung „Uncaught TypeError: Eigenschaft ‚setState' von undefiniert kann nicht gelesen werden'?

React – Uncaught TypeError: Unable to Access 'setState' on Undefiniertes Objekt

Beim Versuch, den React-Komponentenstatus zu aktualisieren, stoßen Entwickler möglicherweise auf das Problem Folgender Fehler:

Uncaught TypeError: Cannot read property 'setState' of undefined

Dieser Fehler tritt auf, wenn die für die Statusänderung verantwortliche React-Komponentenmethode nicht an gebunden ist die Instanz der Komponente. Um dieses Problem zu beheben, führen Sie die folgenden Schritte aus:

1. Definieren Sie den Status im Konstruktor der Komponente:

<code class="javascript">constructor(props) {
    super(props);

    this.state = {
        count: 1
    };
}</code>

2. Binden Sie die Komponentenmethode an die Komponenteninstanz:

<code class="javascript">this.delta = this.delta.bind(this);</code>

3. Stellen Sie sicher, dass sich diese innerhalb der Komponentenmethode auf die Komponenteninstanz bezieht. Dies kann durch die Verwendung von Pfeilfunktionen oder durch manuelles Binden der Methode im Konstruktor erreicht werden:

<code class="javascript">delta() {
    this.setState({
        count: this.state.count + 1
    });
}</code>

4. Verwenden Sie die gebundene Komponentenmethode in der Renderfunktion:

<code class="javascript">render() {
    return (
        <div>
            <h1>{this.state.count}</h1>
            <button onClick={this.delta}>+</button>
        </div>
    );
}</code>

Durch Befolgen dieser Schritte wird die Komponentenmethode ordnungsgemäß gebunden und kann auf die setState()-Methode zugreifen, ohne dass der Fehler „Undefiniertes Objekt“ auftritt.

Das obige ist der detaillierte Inhalt vonWarum erhalte ich in React die Meldung „Uncaught TypeError: Eigenschaft ‚setState' von undefiniert kann nicht gelesen werden'?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!