Gestion des événements
Partie du cours React
Un composant qui ne fait que produire un rendu à partir des props et de l'état n'est pas interactif tout seul : il faut bien que quelque chose remarque que l'utilisateur clique sur un bouton, tape dans un champ ou appuie sur une touche, et transforme cela en mise à jour de l'état. Vous avez déjà branché un onClick dans la leçon précédente sans qu'on s'arrête pour l'expliquer.
React vous permet d'attacher des gestionnaires d'événements directement aux éléments JSX, via des props nommées d'après l'événement du DOM auquel elles répondent, écrites en camelCase : onClick pour les clics, onChange pour les changements dans un champ, et ainsi de suite. La valeur de cette prop est une fonction, que vous définissez à part ou que vous écrivez sur place.
Envie d’apprendre React Gestion des événements dans un vrai environnement ?
Cliquez ci-dessous, obtenez une machine Linux avec React prêt, et travaillez sur Gestion des événements avec un tuteur IA qui connaît votre code.
Commencer cette leçonGestion des événementsCe que vous allez apprendre
- OnClick handler
- OnChange basics
- Passing functions vs calling them
- Event object
- Passing handlers as props
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
