Les props (properties) sont des arguments immuables transmis d’un composant parent vers un composant enfant.
Elles permettent de :
- Injecter des données (texte, nombre, objet, tableau)
- Transmettre des comportements (fonctions callbacks)
- Configurer l’apparence ou le comportement d’un enfant
- Respecter le principe unidirectionnel (flux parent → enfant)
Cela peut servir à faire passer des données d’un composant parent vers un composant enfant de manière descendante dans l’arbre de composants.
Une propriété peut être récupérée par le biais d’attribut HTML, ou transformée en variable avec le destructuring ES6.
Règle fondamentale : Les props sont en lecture seule dans le composant enfant.
(Pour modifier une valeur, le parent fournit une fonction de rappel via les props)
Synonyme : propriété