Props React : comment un composant reçoit-il ses données ?

Un composant peut recevoir des informations de son parent. Conceptuellement : ProductPage ↓ `ProductCard(product)` ↓ affichage du nom, prix et image.

Pourquoi ?

Le composant peut rester générique.

Il ne doit pas nécessairement connaître à l’avance le produit qu’il affichera.

Props vs état

Une distinction importante :

props = informations reçues

state = informations gérées comme état par un composant ou une couche appropriée.

Erreur fréquente

Dupliquer une donnée dans plusieurs états alors qu’une source commune suffirait.

La documentation React souligne justement que l’état redondant ou dupliqué peut devenir une source de bugs.

Formation Développement d’Applications et Solutions Connectées au CAFP Casablanca

Consultez la page principale de cette filière pour retrouver la durée, les conditions d’admission et les informations de préinscription.

Retour à la filière
WhatsApp