Když dva komponenty potřebují sdílet stejný stav, přesunete ("zvednete") ten stav do jejich nejbližšího společného předka a předáte ho dolů prostřednictvím props, takže existuje jediný zdroj pravdy.
() {
[query, setQuery] = ();
(
);
}
Knihovna IT otázek k pohovoru s podrobnými odpověďmi — od Junior po Senior.
PřispětKdyby si každá podřízená komponenta uchovávala svůj vlastní query, šly by z synchronizace. Zvednutí znamená, že vstup a výsledky se vždy shodují.
Zvednutí stavu vysoko vás může přinutit předávat props přes mnoho mezilehlých komponent, které je nepoužívají:
<App user={user}>
<Layout user={user}> {/* just forwarding */}
<Sidebar user={user}> {/* just forwarding */}
<Avatar user={user} /> {/* finally used here */}
children, aby data zůstala tam, kde se používají, místo aby se vlákna přes mnoho komponent.Vodící princip: zvedněte stav pouze tak vysoko, jak je potřeba — ne výše. Nadměrné zvednutí způsobuje Wide re-renders a prop drilling; nedostatečné zvednutí způsobuje nesynchronizované duplikáty.