Când două componente trebuie să partajeze aceeași stare, mutați ("ridicați") acea stare până la cel mai apropiat strămoș comun și o treceți în jos prin props, pentru a exista o singură sursă de adevăr.
() {
[query, setQuery] = ();
(
);
}
Dacă fiecare child ar fi păstrat propria sa query, ar fi ieșit din sincronizare. Ridicarea ei înseamnă că intrarea și rezultatele sunt întotdeauna de acord.
Ridicarea stării prea sus poate forța trecerea props prin mai multe componente intermediare care nu le utilizează:
<App user={user}>
<Layout user={user}> {/* just forwarding */}
<Sidebar user={user}> {/* just forwarding */}
<Avatar user={user} /> {/* finally used here */}
children pentru ca datele să rămână acolo unde sunt utilizate în loc să fie transmise prin intermediari.Principiul director: ridicați starea doar cât de sus trebuie – nu mai sus. Ridicarea excesivă provoacă re-render-uri largi și prop drilling; ridicarea insuficientă provoacă duplicate nesincronizate.