Pourquoi est-ce que j'obtiens « Uncaught TypeError : Cannot read property 'setState' of undefined » dans React ?

React - Erreur de type non interceptée : impossible d'accéder à 'setState' sur un objet non défini

Lors de la tentative de mise à jour de l'état du composant React, les développeurs peuvent rencontrer le erreur suivante :

Uncaught TypeError: Cannot read property 'setState' of undefined

Cette erreur se produit lorsque la méthode du composant React responsable de la modification de l'état n'est pas liée à l'instance du composant. Pour résoudre ce problème, suivez ces étapes :

1. Définissez l'état dans le constructeur du composant :

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

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

2. Liez la méthode du composant à l'instance du composant :

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

3. Dans la méthode du composant, assurez-vous que this fait référence à l'instance du composant. Ceci peut être réalisé en utilisant des fonctions fléchées ou en liant manuellement la méthode dans le constructeur :

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

4. Utilisez la méthode du composant lié dans la fonction de rendu :

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

En suivant ces étapes, la méthode du composant sera correctement liée et pourra accéder à la méthode setState() sans rencontrer l'erreur d'objet non défini.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!