Kakšna je razlika med props in state?

Question

Accepted Answer

Oba držita podatke, ki vplivajo na to, kaj komponenta prikaže, vendar se razlikujeta v **tem, kdo je lastnik podatkov** in **ali se lahko spremenijo**. - **props** se prosleđuju *v* komponento iz njenega nadrejenega komponente. So **read-only** — komponenta jih nikoli ne sme spreminjati. - **state** je lastniški in upravljan *znotraj* komponente. Lahko se spremeni sčasoma, in sprememba tega sproži **re-render**. ## Zakaj je to pomembno ```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: ``` Podatki tečejo **navzdol** (starš → otrok preko props) in spremembe tečejo **navzgor** (otrok prosi starša, da nešto spremeni preko callback prop kot je `onChange`). Ta enosmerni tok je tisto, kar naredi React aplikacije napovedljive. ## Kako se odločiti, kaj uporabiti - Prihaja od zgoraj in komponenta je ne bi smela spremeniti → **prop**. - Komponenta jo mora spreminjati sčasoma → **state**. - Mutiranje props (`props.x = 1`) je napaka — React ne bo naredil re-rendera in prekinili ste lastništvo starša. Če želite "spremeniti prop", pokličite callback, ki vam ga je dal starš, da starš posodobi svoje stanje in posreduje novo vrednost navzdol.