Kas ir props React kontekstā?

Reactā props` (no angļu vārda properties) ir objekts, kas satur datus, kas tiek nodoti no vecāku komponenta uz bērnu komponentu. Tie ir pieejami bērnu komponentā tikai lasīšanai un ir galvenais mehānisms informācijas nodošanai uz leju pa komponentu koku.

props galvenās īpašības:

• Datu nodošana: Tiek izmantoti datu, konfigurāciju un atpakaļsaucēju nodošanai no vecāka uz bērnu.
• Nemaināmība: Bērnu komponentā props nevar tikt mainīti. Jebkādas izmaiņas jāveic no vecāku komponenta, kas nodod jaunus props.
• Objekts: props vienmēr tiek nodoti kā objekts. Katra nodotā īpašība kļūst par atslēgu šajā objektā.
• Piekļuve: Funkcionālajās komponentēs props tiek nodoti kā pirmais funkcijas arguments. Klases komponentēs tie ir pieejami caur this.props.

Piemērs, kā nodot un izmantot props:

// Vecāku komponenta
function ParentComponent() {
  const greeting = "Sveiki";
  return <ChildComponent message={greeting} />;
}

// Bērnu komponenta
function ChildComponent(props) {
  return <p>{props.message}, pasaule!</p>;
}