Mi az a props a React kontextusában?

A React-ben a props (angolul properties) egy objektum, amely a szülőkomponenstől a gyermekkomponensnek átadott adatokat tartalmazza. Ezek a gyermekkomponensen belül csak olvashatóak, és a fő mechanizmust képezik az információk lefelé történő továbbítására a komponensfában.

A props fő jellemzői:

• Adatok átadása: Az adatok, konfigurációk és callback-ek átadására szolgálnak a szülőtől a gyermekhez.
• Immutable: A gyermekkomponensen belül a props nem módosítható. Bármilyen változtatásnak a szülőkomponensből kell származnia, amely új props-okat ad át.
• Objektum: A props mindig objektumként kerül átadásra. Minden átadott tulajdonság kulcsként jelenik meg ebben az objektumban.
• Hozzáférés: Funkcionális komponensekben a props a függvény első argumentuma. Osztály alapú komponensekben a this.props-on keresztül érhető el.

Példa a props átadására és használatára:

// Szülő komponens
function ParentComponent() {
  const greeting = "Szia";
  return <ChildComponent message={greeting} />;
}

// Gyermek komponens
function ChildComponent(props) {
  return <p>{props.message}, világ!</p>;
}