Kas yra props React kontekste?

Reacte props` (iš anglų kalbos properties) yra objektas, kuris apima duomenis, perduodamus iš tėvų komponento į vaikų komponentą. Jie yra prieinami vaikų komponento viduje tik skaitymui ir sudaro pagrindinį mechanizmą duomenims perduoti žemyn per komponentų medį.

Pagrindinės props savybės:

• Duomenų perdavimas: Naudojami duomenų, konfigūracijų ir callback funkcijų perdavimui iš tėvo į vaiką.
• Neįmanoma keisti: Vaikų komponento viduje props keisti negalima. Bet kokie pakeitimai turi būti iš tėvų komponento, kuris perduoda naujus props.
• Objektas: props visada perduodami kaip objektas. Kiekviena perduota savybė tampa rakto šiuo objekte.
• Prieiga: Funkcinėse komponentuose props perduodami kaip pirmas funkcijos argumentas. Klasės komponentuose jie pasiekiami per this.props.

Pavyzdys, kaip perduoti ir naudoti props:

// Tėvų komponentas
function ParentComponent() {
  const greeting = "Labas";
  return <ChildComponent message={greeting} />;
}

// Vaiko komponentas
function ChildComponent(props) {
  return <p>{props.message}, pasauli!</p>;
}