Ko dve komponenti morata deliti isto stanje, premaknete ("dvignete") to stanje do njihovega najbližjega skupnega prednika in ga posredujete navzdol preko props, tako da obstaja edini vir resnice.
() {
[query, setQuery] = ();
(
);
}
Če bi vsak child ohranil svojo lastno query, bi se razšli. Dvigovanje tega pomeni, da sta input in rezultati vedno skladni.
Dvigovanje stanja visoko vas lahko prisili, da posredujete props skozi številne vmesne komponente, ki jih ne uporabljajo:
<App user={user}>
<Layout user={user}> {/* just forwarding */}
<Sidebar user={user}> {/* just forwarding */}
<Avatar user={user} /> {/* finally used here */}
children, da podatki ostanejo tam, kjer se uporabljajo, namesto da bi jih posredovali skozi vmesne komponente.Vodilno načelo: dvignite stanje le toliko, kolikor je potrebno – ne višje. Preskakovanje dvigovanja povzroča široka re-renderiranja in prop drilling; premalo dvigovanja povzroča nesinhronizovane dvojnike.