Props

React 🟢 Junior

Définition

Données passées d'un composant parent a un composant enfant, en lecture seule. C'est le mécanisme principal de communication descendante.

Analogie

Comme les ingrédients 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 réutilisable en parametrant son comportement et son contenu.

Anti-pattern

Passer trop de props (prop drilling) au lieu d'utiliser Context ou la composition.

Termes liés

#core#interview#fundamentals

En entretien

Explique-moi ce que sont les props.
Ce sont des données passées d'un composant parent à un composant enfant, en lecture seule, le mécanisme principal de communication descendante. Elles servent à rendre un composant réutilisable en paramétrant son comportement et son contenu.
Quel anti-pattern surgit quand on multiplie les props sur plusieurs niveaux ?
Le prop drilling, où on passe trop de props à travers des composants intermédiaires qui ne les utilisent pas eux-mêmes. Context API ou la composition de composants règlent ce problème.

Fiche mise à jour le 2026-09-27