L'état en React

Introduction à l'état en React

L'objet d'état (state) joue un rôle crucial dans la gestion des données d'un composant React. Cet objet contient les valeurs qui peuvent changer à travers le temps, et il est géré directement par le composant concerné. Contrairement aux props, qui sont passées par les composants parents, l'état est créé et maintenu localement.

Gestion de l'état dans les composants de classe

Les composants React peuvent être de deux types : les composants de classe et les composants fonctionnels. La gestion de l'état varie entre ces deux types. Dans les composants de classe, l'état est typiquement initialisé dans un constructeur. Vous pouvez définir l'état de deux manières : en utilisant le constructeur ou via des initialisateurs de propriété.

Syntaxe de l'état dans les composants de classe

Voici un exemple de la syntaxe utilisée pour initialiser l'état dans un composant de classe :

class ComponentName extends React.Component {
  // Avec un constructeur
  constructor(props) {
    super(props);
    this.state = {
      property: value,
    };
  }

  // Avec initialisateur de propriété
  state = {
    property: value,
  };

  render() {
    return (
      // Affichage de la valeur de la propriété
      
{this.state.property}
    );
  }
}