Props

Definition

Donnees passees d'un composant parent a un composant enfant, en lecture seule. C'est le mecanisme principal de communication descendante.

Analogie

Comme les ingredients donnes a un cuisinier : il les utilise mais ne les modifie pas pour le fournisseur.

Exemple de code

function Card({ title, children }) {
  return (
    <div className="card">
      <h2>{title}</h2>
      {children}
    </div>
  );
}
<Card title="Bienvenue">Contenu ici</Card>

Cas d'usage

Rendre un composant reutilisable en parametrant son comportement et son contenu.

Anti-pattern

Termes lies