Props da state su ne manyan ra'ayoyin React waɗanda suke aiki gida a React Native: props suna wasa data zuwa cikin component (input mara carewa), while state yana riƙe da data waɗanda za su iya canzawa a lokaci (suna haifar da sake zuƙowa). Fahimtar su ita ce mahali na asali.
() {
;
}
< 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 ita ce data ta ciki, waɗa za a iya canzawa; sabbin shi (ta hanyar setter daga useState) yana haifar da sake zuƙowa — yadda UI take nuna canzawa.
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.)
Fahimtar props da state ita ce mahali na asali ga React Native saboda su ne manyan ra'ayoyin React da ke tsakiya ga yadda components ke aiki da yadda UIs ke sabuntawa, haka kuma dole ne a sani. Props (data mara carewa waɗa aka wasa zuwa cikin component daga parent ɗinsa, suna zuwa ƙasa a cikin inji na component) yadda components ke karba configuration da data daga wajen, wanda ke bada damar sake amfani da su, haɗu na components. State (data ta ciki, waɗa za a iya canzawa waɗanda ake gudanar ta hanyar useState hook, inda sabbin shi yana haifar da sake zuƙowa) yadda components ke riƙe da amsawa ga data waɗa ta canza a lokaci (shigar mai amfani, warwarewa, data waɗa aka ƙoshi) — yadda suke aiki waɗanda UI ke nuna canzawa.
Fahimtar bambanci — props waɗa aka wasa a ciki da mara carewa (don data wajen/configuration) da saura state zama ta ciki da za a iya canzawa (don data waɗa ta canza, tun suna haifar da sake zuƙowa) — da ƙa'ida cewa data ta zuwa ƙasa ta props while state changes yana haifar da sabuntawa UI ita ce mahali na asali don gina React Native (da React) apps daidai.
Wadannan su ne daidai gida manyan ra'ayoyin React don gida, haka fahimtar su yana waje kai da shi directly kuma ita ce mahali na asali ga kowa da ke gina React Native components.
Samun props da state daidai (wasa data ta props, gudanar da canzawa data tare da state, fahimtar unidirectional data flow) ita ce mahali na asali ga components masu aiki, daidai.
Domin props da state su ne tsakiya ga yadda React Native (da React) components ke aiki — karba data (props) da gudanar da canza (state) don haifar da sabuntawa UI — da fahimtar su ita ce mahali na asali ga gina kowane React Native app daidai, fahimtar props da state ita ce mahali na asali, mahali na asali React Native ilimi — manyan ra'ayoyin kowa da React Native developer dole ne su fahimta, daidai da gida React (haka ilimi yana waje), da mahali na asali ga gina components waɗa ke karba data da amsa ga canza, ƙididdige mechanics na React Native UI development.