Čo sú props v kontexte Reactu?

props (od engleske riječi properties) u React-u je objekt koji sadrži podatke prenesene od roditeljske do dječje komponente. Oni su dostupni unutar dječje komponente samo za čitanje i predstavljaju glavni mehanizam za prijenos informacija prema dolje kroz stablo komponenti.

Glavne karakteristike props:

• Prijenos podataka: Služe za prijenos podataka, konfiguracija i callback funkcija od roditelja do djeteta.
• Nepromenljivost: Unutar dječje komponente, props se ne mogu mijenjati. Svaka promjena mora doći od roditeljske komponente koja šalje nove props.
• Objekt: props se uvijek prosljeđuju kao objekt. Svako proslijeđeno svojstvo postaje ključ u ovom objektu.
• Pristup: U funkcionalnim komponentama, props se prosljeđuju kao prvi argument funkcije. U klasičnim komponentama, dostupni su putem this.props.

Primjer prijenosa i korištenja props:

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

// Dječja komponenta
function ChildComponent(props) {
  return <p>{props.message}, svijet!</p>;
}