<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Composants contrôlés :: App Web</title><link>https://cegepmv.github.io/420-211/3-apps-dynamiques/5-composants-controles/index.html</link><description>Lorsqu’on crée un formulaire en HTML, les champs &lt;input>, &lt;textarea>, ou &lt;select> gèrent généralement leur propre état (ce qu’on appelle des composants non contrôlés).
En React, la bonne pratique est d’utiliser des composants contrôlés :
Cela signifie que c’est React qui garde le contrôle sur la valeur du champ, grâce au state.
En quoi est-ce pertinent d’utiliser des composants contrôlés ? On peut synchroniser l’interface utilisateur (UI) avec des données internes. On peut valider, filtrer ou transformer les données au fur et à mesure que l’utilisateur tape. On garde le plein contrôle sur la logique du formulaire. Exemple simple Voici un champ de texte contrôlé par React :</description><generator>Hugo</generator><language>fr-fr</language><atom:link href="https://cegepmv.github.io/420-211/3-apps-dynamiques/5-composants-controles/index.xml" rel="self" type="application/rss+xml"/></channel></rss>