Historique des conversations
Chargement...
Chapitre 3 : Props
1. Que sont les Props ?
"Props" est l'abréviation de propriétés. Elles permettent de passer des données d'un composant parent à un composant enfant.
2. Utilisation des props
function Greeting(props) {
return <h2>Bonjour, {props.name} !</h2>;
}
// Utilisation
<Greeting name="Alice" />3. Props en lecture seule
Règle importante : Un composant ne doit jamais modifier ses propres props. Elles doivent être traitées comme immuables.
4. Section Quiz
Testez vos connaissances sur les props.
Exercice
Créez un composant UserCard qui reçoit une prop name et job et les affiche.
Évaluation des acquis
Correction immédiate
Quiz du chapitre 3
Ateliers pratiques & Projets
Testez vos compétences avec nos exercices guidés et le tuteur IA.
Ateliers pratiques & Corrigés détaillés
Ateliers pratiques & Corrigés
#1 — Comprendre les bases : Les Props : Transmettre des données
Atelier #1Expliquez avec vos mots le concept principal de ce chapitre, puis illustrez-le par un exemple simple.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
Corrigé disponible prochainement.
#2 — Application guidée
Atelier #2Réalisez un exercice pratique en reprenant la structure vue dans le cours et en modifiant au moins 2 paramètres.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
Corrigé disponible prochainement.
#3 — Mini défi
Atelier #3Concevez une petite solution personnelle liée à 'Les Props : Transmettre des données' et justifiez vos choix techniques.
Correction instantanée et bienveillante
Diagnostic du tuteur IA Weegosoft :
Consulter la solution type du formateur
Solution de référence :
Corrigé disponible prochainement.