Pourquoi est-ce que j'obtiens l'erreur « Uncaught TypeError : Cannot Read Property 'setState' of Undefined » dans React ?

Erreur de type non interceptée : impossible de lire la propriété 'setState' de non définie dans React

Rencontre avec l'erreur "TypeError non interceptée : impossible de lire la propriété 'setState' of undefined" dans React peut être frustrant. Cette erreur se produit généralement lors d'une tentative de mise à jour de l'état d'un composant qui n'a pas été initialisé ou lié correctement. Explorons le problème et sa solution en détail.

Description du problème

L'erreur provient de la tentative d'accès à la méthode « setState » sur une instance non définie d'une classe. Dans le code fourni :

class Counter extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            count : 1
        };

        this.delta.bind(this);
    }

    ...
}

La fonction 'delta' n'a pas été liée à l'instance du composant. Par conséquent, « ceci » dans « delta » devient indéfini, conduisant à l'erreur lors de l'appel de « setState ».

Solution

La solution réside dans la liaison du « delta » fonction à l’instance du composant dans le constructeur. Voici le code corrigé :

class Counter extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
            count : 1
        };

        **this.delta = this.delta.bind(this);**
    }

    ...
}

En liant 'delta' dans le constructeur, nous nous assurons que 'this' dans la fonction fait référence à l'instance du composant, lui permettant d'accéder et de modifier son état à l'aide de 'setState'. .

Conclusion

La liaison des méthodes de classe est essentielle pour garantir un accès correct aux propriétés et à l'état dans les composants React. L'échec de la liaison peut entraîner des erreurs d'exécution, comme le démontre le problème « Uncaught TypeError : Impossible de lire la propriété 'setState' d'undé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!