Ɗagawa jiya ma'ana cewar musanya jiya daga karamin karami zuwa sananniyar mahaifa don kaɗan karami su iya raba da kasance a kaɗai da bayyane. Wannan shine hanyar mahimmanci lokacin da karamin karami suka bukaci daidaita.
() { [temp, setTemp] = (); ... }
Idan karamin karami biyu kowanninsu suna da nasu asalin jiya da na alaƙa, babu wata hanya don su kasance a kaɗai — banbantawa ga ɗaya bai wai a ɗaya ba.
function Calculator() {
const [temperature, setTemperature] = useState(0); // state LIFTED to the parent
return (
<>
{/* pass state DOWN as a prop, and a setter to update it */}
<TempInput scale="C" value={temperature} onChange={setTemperature} />
<TempInput scale="F" value={temperature} onChange={setTemperature} />
<p>Both inputs share one value: {temperature}</p>
</>
);
}
function TempInput({ value, onChange }) {
return <input value={value} onChange={e => onChange(e.target.value)} />;
}
Jiya da aka raba yanzu tana zaune a mahaifa (Calculator). Yataje ƙimar kasa azaman prop da ƙoyarwa don karami su iya buɗe jiyya (sama). Yanzu bayanai guda biyu suna nuna tushe guda — banbantawa ga ɗaya babbar wa duka.
1. Find the closest COMMON ancestor of the components that need to share
2. Move the state UP into that ancestor
3. Pass the value DOWN as props
4. Pass a callback DOWN so children can request updates (data up via events)
Dan nan ne jiya guda "bayanai kasa, abubuwa sama", aiwatarwa don sanya jiya raba.
Lifting too high (state ends up far from where it's used) → prop drilling.
At that point, prefer Context or a state library instead of lifting further.
Ɗagawa jiya shine sanannu hanya don raba jiya tsakanin karamin karami/da alaƙa a tsarin gida ba da qaarant gida — yana ajiye tushe guda na gaskiya a mahaifa sananniyar don ka karami su kasance a kaɗai.
Yauzu shine farko kayan aikin ji dina saida Context ko shiga.
Sanin lokacin da ɗagawa (karamin karami suna bukaci daidaita) — da lokacin da ɗagawa ta zama da yawa (haɓar tushe prop, don haɗa ne lokacin Context/shiga) — shine mahimmanci aiki don tsara jiya tsarin mai kyau.