Šta su props u kontekstu React?

props (od engleske reči properties) u React-u je objekat koji sadrži podatke prosleđene od roditeljskog do detinjeg komponenta. Oni su dostupni unutar detinjeg komponenta samo za čitanje i predstavljaju glavni mehanizam za prenos informacija naniže kroz stablo komponenti.

Glavne karakteristike props:

• Prenos podataka: Služe za prenos podataka, konfiguracija i callback funkcija od roditelja do deteta.
• Nepromenljivost: Unutar detinjeg komponenta, props ne mogu biti izmenjeni. Svaka promena mora doći od roditeljskog komponenta koji prosleđuje nove props.
• Objekat: props se uvek prosleđuju kao objekat. Svako prosleđeno svojstvo postaje ključ u ovom objektu.
• Pristup: U funkcionalnim komponentama, props se prosleđuju kao prvi argument funkcije. U klasičnim komponentama, dostupni su putem this.props.

Primer prenosa i korišćenja props:

// Roditeljska komponenta
function ParentComponent() {
  const greeting = "Zdravo";
  return <ChildComponent message={greeting} />;
}

// Dečija komponenta
function ChildComponent(props) {
  return <p>{props.message}, svet!</p>;
}