Co jsou props v kontextu Reactu?

props (z anglického slova properties) v Reactu je objekt, který obsahuje data předávaná od rodičovského ke komponentě dítěte. Jsou dostupná uvnitř komponenty dítěte pouze pro čtení a představují hlavní mechanismus pro přenos informací dolů po stromu komponent.

Hlavní vlastnosti props:

• Přenos dat: Slouží k přenosu dat, konfigurací a callbacků od rodiče k dítěti.
• Neměnnost: Uvnitř komponenty dítěte nelze props měnit. Jakákoli změna musí pocházet od rodiče, který předává nové props.
• Objekt: props jsou vždy předávány jako objekt. Každá předaná vlastnost se stává klíčem v tomto objektu.
• Přístup: Ve funkčních komponentách jsou props předávány jako první argument funkce. Ve třídních komponentách jsou dostupné přes this.props.

Příklad předání a použití props:

// Rodičovská komponenta
function ParentComponent() {
  const greeting = "Ahoj";
  return <ChildComponent message={greeting} />;
}

// Dětská komponenta
function ChildComponent(props) {
  return <p>{props.message}, svět!</p>;
}