Qu'est-ce que les props dans le contexte de React ?

props (de l'anglais properties) en React est un objet contenant les données transmises du composant parent au composant enfant. Ils sont accessibles en lecture seule à l'intérieur du composant enfant et constituent le mécanisme principal pour transmettre des informations vers le bas dans l'arbre des composants.

Caractéristiques principales de props :

• Transmission de données : Servent à transmettre des données, des configurations et des callbacks du parent à l'enfant.
• Immuabilité : À l'intérieur du composant enfant, props ne peuvent pas être modifiés. Toute modification doit provenir du composant parent, qui transmet de nouveaux props.
• Objet : props sont toujours passés sous forme d'objet. Chaque propriété transmise devient une clé dans cet objet.
• Accès : Dans les composants fonctionnels, props sont passés en premier argument de la fonction. Dans les composants de classe, ils sont accessibles via this.props.

Exemple de transmission et d'utilisation de props :

// Composant parent
function ParentComponent() {
  const greeting = "Bonjour";
  return <ChildComponent message={greeting} />;
}

// Composant enfant
function ChildComponent(props) {
  return <p>{props.message}, monde !</p>;
}