Ce sunt props în contextul React?

props (din englezescul properties) în React este un obiect care conține datele transmise de la componenta părinte la componenta copil. Acestea sunt disponibile în interiorul componentei copil doar pentru citire și reprezintă mecanismul principal pentru transmiterea informațiilor în jos pe arborele de componente.

Caracteristici principale ale props:

• Transmiterea datelor: Servesc pentru a transmite date, configurații și callback-uri de la părinte la copil.
• Imutabilitate: În interiorul componentei copil, props nu pot fi modificate. Orice modificare trebuie să provină de la componenta părinte, care transmite noi props.
• Obiect: props sunt întotdeauna transmise ca obiect. Fiecare proprietate transmisă devine o cheie în acest obiect.
• Acces: În componentele funcționale, props sunt transmise ca primul argument al funcției. În componentele de clasă, acestea sunt accesibile prin this.props.

Exemplu de transmitere și utilizare a props:

// Componenta părinte
function ParentComponent() {
  const greeting = "Salut";
  return <ChildComponent message={greeting} />;
}

// Componenta copil
function ChildComponent(props) {
  return <p>{props.message}, lume!</p>;
}