Meta żewg komponenti jridu jaqsmu l-istess state, inti iċċaqiluh ("lift") sa l-progenitor komuni l-aktar viċin tagħhom u tpassaw lura permezz tal-props, sabiex ikun hemm sors wieħed ta' veritá.
jsx
() {
[query, setQuery] = ();
(
);
}
Meta żewg komponenti jridu jaqsmu l-istess state, inti iċċaqiluh ("lift") sa l-progenitor komuni l-aktar viċin tagħhom u tpassaw lura permezz tal-props, sabiex ikun hemm sors wieħed ta' veritá.
() {
[query, setQuery] = ();
(
);
}
Ikkà kull child żamm il-propriu query, jkunu jitilquh mill-barra. Lifting it ifisser li l-input u r-riżultati dejjem jaqblu.
Lifting state għolja jista' jforzeק likkompla tpassa props permezz minn ħafna komponenti intermedji li ma juża huma:
<App user={user}>
<Layout user={user}> {/* just forwarding */}
<Sidebar user={user}> {/* just forwarding */}
<Avatar user={user} /> {/* finally used here */}
children sabiex id-data tibqa' fejn tintuża minflok li tkun li tgħaddi minn.Il-prinċipju gwida: lift state biss kemm għandu bżonn jmorr — mhux ogħla. Over-lifting jikkawża wide re-renders u prop drilling; under-lifting jikkawża duplicates li jitilqu mill-barra.