Le State avec useState
Partie du cours React
Tous les composants que vous avez écrits jusqu'ici produisent le même résultat pour les mêmes props, systématiquement. C'est très bien pour un titre ou une carte, mais tout s'effondre dès que vous avez besoin de quelque chose que l'utilisateur peut modifier en regardant la page : un compteur qui augmente au clic, un interrupteur qui bascule, un champ de texte qui affiche ce que vous venez de taper.
Voyez chaque rendu d'un composant comme une photographie unique, prise à un instant précis, de ce à quoi le composant ressemblait compte tenu de ses props et de son état à ce moment-là. Quand vous appelez la fonction d'un composant, JavaScript l'exécute de haut en bas exactement une fois et produit un instantané : le JSX qu'elle renvoie.
Envie d’apprendre React Le State avec useState dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur Le State avec useState avec un tuteur IA qui connaît votre code.
Commencer cette leçonLe State avec useStateCe que vous allez apprendre
- UseState hook
- Reading state
- Calling the setter
- Updater function form
- Never mutate state
- Counter pattern
Lire cette leçon dans votre langue
Toutes les leçons de ce cours
17 leçons- 1Qu'est-ce que React ?25 min
- 2JSX et Components30 min
- 3Props30 min
- 4Le State avec useState35 min
- 5Gestion des événements30 min
- 6Rendu conditionnel et listes30 min
- 7Formulaires et Controlled Inputs35 min
- 8Les Effects avec useEffect40 min
- 9Récupération des données40 min
- 10Composition de Components35 min
- 11Context et useContext35 min
- 12useReducer35 min
- 13Hooks personnalisés35 min
- 14Performance et Memoization35 min
- 15Routage avec React Router40 min
- 16Tester les Components React40 min
- 17Projet final : Application de liste de tâches60 min
Voir les autres cours
