Koja je razlika između props i state?

Question

Accepted Answer

Oboje drže podatke koji utječu na što komponenta prikazuje, ali se razlikuju u **tko je vlasnik podataka** i **može li se promijeniti**. - **props** se prosleđuju *u* komponentu od njezinog roditeljskog elementa. Oni su **samo za čitanje** — komponenta ih nikada ne smije mijenjati. - **state** je u vlašanstvu i upravlja se *unutar* komponente. Može se mijenjati tijekom vremena, a promjena ga **ponovno renderira**. ## Primjer ```jsx // `step` is a PROP — given by the parent, the child only reads it. // `count` is STATE — owned here, changes on click, causes a re-render. function Counter({ step }) { const [count, setCount] = useState(0); return ( ); } // Parent decides the step and passes it down: ``` Podaci teku **prema dolje** (roditeljski → dijete putem props) a promjene teku **prema gore** (dijete moli roditeljski da nešto promijeni putem callback prop kao što je `onChange`). Ovaj jednosmjerni tok je ono što čini React aplikacije predvidivim. ## Kako odlučiti koju koristiti - Dolazi odozgo i komponenta je ne bi trebala mijenjati → **prop**. - Komponenta je mora mijenjati tijekom vremena → **state**. - Mutiranje props (`props.x = 1`) je greška — React neće ponovno renderirati i slomili ste vlašanstvo roditeljskog elementa. Da biste "promijenili prop", pozovite callback koji vam je roditeljski dao tako da roditeljski ažurira svoje vlastite state i proslijedi novu vrijednost prema dolje.