L-istħarriġ tal-istat jfisser li timmexxi l-istat minn komponent-iben għal ġenitur komuni sabiex ħafna itfal jistgħu jaqsmu u jibqgħu sinkronizzati mad-data stess. Din hija s-soluzzjoni standard meta l-komponenti t-tiegħek jeħtieġu li jikkoordinaw.
() { [temp, setTemp] = (); ... }
Ikun jekk għal komponenti t-tiegħek kull waħda titkebbel kopja tal-istat relatat, m'hemm l-ebda mod għalihom biex jibqgħu konsistenti — il-bdiex ta' waħda ma taffettwax lil-oħra.
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)} />;
}
L-istat maqsum issa jgħix fis-ġenitur (Calculator). Hija tgħaddi l-valur imqiegħed bħala prop u setter sabiex it-tfal jistgħu jitolbu bidliet (il-fuq). Issa ż-żewg entrati jissimbolaw l-istess sors — ir-rettifikar ta' waħda taċċelleratur it-tnejn.
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)
Din hija l-istess fluss "data imqiegħed, avvenimenti il-fuq", applikat biex tagħmel istat maqsum.
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.
L-istħarriġ tal-istat hija t-teknika fundamentali għal qsim tal-istat bejn komponenti t-tiegħek/relatati f'frameworks ibbażati fuq il-komponenti — hija żomm sors wieħed tal-verità f'ġenitur komuni sabiex it-tfal jibqgħu sinkronizzati.
Ihija l-ewwel għodda li għandek tipprova qabel ma żżid Context jew store.
Ir-rikonoxxenza meta l-istħarriġ (it-tiegħek jeħtieġu li jikkoordinaw) — u meta l-istħarriġ sar wisq (jikkawża prop drilling, allura issa ż-żmien għal Context/store) — hija ċ-ċentru tal-istruttura tal-istat tal-komponenti korrettament.