Props in state so temeljni koncepti React, ki v React Native delujejo identično: props prenašajo podatke v komponento (branje le slike vhodi), medtem ko state vsebuje podatke, ki se lahko spremenijo skozi čas (sprožajo ponovno risanje). Razumevanje le-teh je temeljno.
() {
;
}
< name= age={} />
import { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0); // declare state + its setter
return (
<TouchableOpacity onPress={() => setCount(count + 1)}>
<Text>{count}</Text> {/* uses state */}
</TouchableOpacity>
);
}
// → calling setCount updates state → component RE-RENDERS with the new value
State je notranji, spremenljiv podatek; njegow posodobitev (prek setter funkcije iz useState) sproži ponovno risanje — to je, kako se spremembe odrazijo v uporabniškem vmesniku.
PROPS → passed IN from the parent; READ-ONLY (the component doesn't change them);
for configuration/data from outside
STATE → internal to the component; CHANGEABLE (via setState/useState); triggers re-renders;
for data that changes over time (user input, toggles, fetched data)
→ Data flows DOWN via props; state changes drive UI updates. (Same as React for web.)
Razumevanje props in state je temeljno za React Native, ker so temeljni koncepti React, osrednja za delovanje komponent in kako se uporabniški vmesniki posodabljajo, zato je to znanje nujno. Props (podatki samo za branje, ki se prenesejo v komponento iz njene starševske komponente, tečejo navzdol po drevesu komponent) so kako komponente prejemajo konfiguracije in podatke od zunaj, kar omogoča ponovno uporabljive, sestavljive komponente. State (notranji, spremenljiv podatek, upravljan prek hook-a useState, kjer se njegova posodobitev sproži ponovno risanje) je kako komponente hranijo in se odzivajo na podatke, ki se spremenijo skozi čas (vnos uporabnika, preklapljači, pridobljeni podatki) — mehanizem, s katerim se spremembe odrazijo v uporabniškem vmesniku.
Razumevanje razlike — props, ki se prenesejo in so samo za branje (za zunanje podatke/konfiguracijo) v primerjavi s state-om, ki je notranj in spremenljiv (za podatke, ki se spremenijo, kar vodi do ponovnega risanja) — in načelo, da podatki tečejo navzdol prek props, medtem ko spremembe state-a vodijo k posodobitvam uporabniškega vmesnika je temeljno za pravilno gradnjo aplikacij React Native (in React).
To so popolnoma isti koncepti kot React za splet, zato je razumevanje le-teh direktno prenosljivo in je bistveno za vsakogar, ki gradi komponente React Native.
Pravilna obravnava props in state (prenos podatkov prek props, upravljanje spremenljivih podatkov z state, razumevanje enosmernega toka podatkov) je ključna za funkcionalne, pravilne komponente.
Zato ker so props in state osrednja za delovanje komponent React Native (in React) — prejemanje podatkov (props) in upravljanje sprememb (state) za vodenje posodobitev uporabniškega vmesnika — in ker je njihovo razumevanje temeljno za pravilno gradnjo katere koli aplikacije React Native, je razumevanje props in state bistveno, temeljno znanje React Native — temeljni koncepti, ki jih mora razumeti vsak razvijalec React Native, identični spletni React (zato se znanje prenese) in temeljni za gradnjo komponent, ki prejemajo podatke in se odzivajo na spremembe, osnovni mehanizmi razvoja uporabniškega vmesnika React Native.