Mis on props React kontekstis?

Reactis props` (inglise sõnast properties) objekt, mis sisaldab andmeid, mis edastatakse vanemkomponendilt lapsekomponendile. Need on lapsekomponendis saadaval ainult lugemiseks ja moodustavad peamise mehhanismi teabe edastamiseks komponendipuu allapoole.

props-i peamised omadused:

• Andmete edastamine: Kasutatakse andmete, konfiguratsioonide ja tagasikutsumiste edastamiseks vanemalt lapsele.
• Muutmatus: Lapsekomponendis props-i ei saa muuta. Kõik muudatused peavad tulema vanemkomponendilt, kes edastab uued props-id.
• Objekt: props edastatakse alati objektina. Iga edastatud omadus muutub selle objekti võtmeiks.
• Juurdepääs: Funktsionaalsetes komponentides edastatakse props funktsiooni esimese argumendina. Klassikomponentides on need kättesaadavad this.props kaudu.

Näide props-i edastamisest ja kasutamisest:

// Vanemkomponent
function ParentComponent() {
  const greeting = "Tere";
  return <ChildComponent message={greeting} />;
}

// Lapsekomponent
function ChildComponent(props) {
  return <p>{props.message}, maailm!</p>;
}