Kur dy komponentë duhet të ndajnë të njëjtën gjendje, ju zhvendosni ("ngrini") atë gjendje deri tek paraardhësi i tyre më i afërt i përbashkët dhe e kaloni poshtë përmes props, në mënyrë që të ketë një burim të vetëm të së vërtetës.
() {
[query, setQuery] = ();
(
);
}
Nëse secila fëmijë do të mbante query të saj, do të dilnin nga sinkronizimi. Ngritja e kësaj do të thotë se hyrja dhe rezultatet janë gjithmonë dakord.
Ngritja e gjendjeve lart mund t'ju detyrojë të kaloni props përmes shumë komponentëve ndërmjetës që nuk i përdorin ato:
<App user={user}>
<Layout user={user}> {/* just forwarding */}
<Sidebar user={user}> {/* just forwarding */}
<Avatar user={user} /> {/* finally used here */}
children në mënyrë që të dhënat të mbeten aty ku përdoren në vend të kalimit përmes komponentëve ndërmjetës.Princip udhëzues: ngrini gjendjën vetëm aq sa duhet – jo më lart. Ngritja e tepërt shkakton ri-renderime të gjera dhe prop drilling; ngritja e pamjaftueshme shkakton duplikate të pa sinkronizuara.