Maison >interface Web >js tutoriel >Pourquoi est-ce que j'obtiens « Uncaught TypeError : Cannot read property 'setState' of undefined » dans React ?

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

DDD
DDDoriginal
2024-11-04 22:09:021066parcourir

Why Am I Getting

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>
  1. Liez la méthode du composant à l'instance du composant :
<code class="javascript">this.delta = this.delta.bind(this);</code>
  1. 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>
  1. 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn