Kakšna je razlika med props in state?

Question

IT Interview Practice · 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.

Zakaj je to pomembno

Kako se odločiti, kaj uporabiti

Povezana vprašanja