Props na state ni dhana za msingi za React zinazofanya kazi sawa kabisa katika React Native: props hupitisha data ndani ya component (read-only inputs), wakati state hushikilia data inayoweza kubadilika kwa muda (ikichochea re-renders). Kuzielewa ni msingi.
() {
;
}
< 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 ni data ya ndani, inayobadilika; kuisasisha (kupitia setter kutoka useState) huchochea re-render — jinsi UI inavyoonyesha mabadiliko.
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.)
Kuelewa props na state ni msingi wa React Native kwa sababu ni dhana za msingi za React zilizo kitovu cha jinsi components zinavyofanya kazi na jinsi UIs zinavyosasishwa, kwa hivyo ni maarifa ya lazima kujua. Props (data ya read-only inayopitishwa ndani ya component kutoka kwa parent yake, ikielekea chini katika component tree) ndizo jinsi components hupokea configuration na data kutoka nje, ikiwezesha components zinazoweza kutumiwa tena na kuunganishwa. State (data ya ndani, inayobadilika inayosimamiwa kupitia useState hook, ambapo kuisasisha huchochea re-render) ndiyo jinsi components hushikilia na kuitikia data inayobadilika kwa muda (user input, toggles, fetched data) — utaratibu ambao kwao UIs huonyesha mabadiliko.
Kuelewa tofauti — props inayopitishwa ndani na read-only (kwa data/configuration ya nje) dhidi ya state inayokuwa ya ndani na inayobadilika (kwa data inayobadilika, ikiendesha re-renders) — na kanuni kwamba data huelekea chini kupitia props wakati mabadiliko ya state huendesha masasisho ya UI ni msingi wa kujenga React Native (na React) apps kwa usahihi.
Hizi ni dhana zile zile kama React kwa web, kwa hivyo kuzielewa hunahamishika moja kwa moja na ni muhimu kwa mtu yeyote anayejenga React Native components.
Kupata props na state sawa (kupitisha data kupitia props, kusimamia data inayobadilika kwa state, kuelewa unidirectional data flow) ni kitovu cha components zenye kufanya kazi na sahihi.
Kwa kuwa props na state ni kitovu cha jinsi React Native (na React) components zinavyofanya kazi — kupokea data (props) na kusimamia mabadiliko (state) kuendesha masasisho ya UI — na kuzielewa ni msingi wa kujenga React Native app yoyote kwa usahihi, kuelewa props na state ni maarifa muhimu ya msingi ya React Native — dhana za msingi ambazo kila React Native developer lazima aelewe, sawa kabisa na web React (kwa hivyo maarifa yanahamishika), na ni msingi wa kujenga components zinazopokea data na kuitikia mabadiliko, mekaniki ya msingi ya maendeleo ya React Native UI.