Hva er forskjellen mellom props og state?

Question

Accepted Answer

Begge holder data som påvirker hva en komponent rendrer, men de er ulike når det gjelder **hvem som eier dataene** og **om de kan endres**. - **props** blir passert *inn i* en komponent fra dens overordnede komponent. De er **skrivebeskyttede** — komponenten skal aldri modifisere dem. - **state** eies og styres *inne i* komponenten. Det kan endres over tid, og å endre det utløser en **re-render**. ## Eksempel ```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: ``` Data flyter **ned** (overordnet → underordnet via props) og endringer flyter **opp** (underordnet ber overordnet om å endre noe via en callback-prop som `onChange`). Denne enveisflytingen er det som gjør React-apper forutsigbare. ## Hvordan bestemme hvilken du skal bruke - Kommer fra oven og komponenten skal ikke endre det → **prop**. - Komponenten må endre det over tid → **state**. - Å mutere props (`props.x = 1`) er en bug — React vil ikke re-rendre og du har brutt den overordnedes eierskap. For å "endre en prop", kaller du en callback som den overordnede ga deg slik at den overordnede oppdaterer sin egen state og sender en ny verdi ned.