Introduction aux états dans React
Le concept suivant que nous allons analyser s'appelle les états. Les états représentent des variables réactives des composants.
La réactivité signifie que lors de la modification d'un état, des changements se produiront dans tous les endroits où cet état est utilisé. Techniquement, cela est atteint en re-rendant tout le composant lors de la modification d'un état quelconque.
Pour utiliser les états, il faut d'abord
importer la fonction useState :
import React, { useState } from 'react';
La fonction useState accepte en paramètre
la valeur initiale de l'état, et renvoie comme résultat
un tableau spécial de deux éléments.
Dans le premier élément du tableau sera stockée
la valeur actuelle de l'état, et dans le second - la fonction
pour modifier l'état.
Pour le fonctionnement correct des états, on ne peut pas les modifier directement, il faut utiliser la fonction pour les modifier - ce n'est qu'alors que la réactivité fonctionnera.
