Apabila dua komponen perlu berkongsi state yang sama, anda mengalihkan ("lift") state itu ke atas kepada nenek moyang sepunya terdekat mereka dan menghantarnya ke bawah melalui props, supaya wujud satu sumber kebenaran tunggal.
() {
[query, setQuery] = ();
(
);
}
Jika setiap anak menyimpan query masing-masing, mereka akan tidak segerak. Mengangkatnya bermakna input dan keputusan sentiasa sepadan.
Mengangkat state terlalu tinggi boleh memaksa anda menghantar props melalui banyak komponen perantara yang tidak menggunakannya:
<App user={user}>
<Layout user={user}> {/* just forwarding */}
<Sidebar user={user}> {/* just forwarding */}
<Avatar user={user} /> {/* finally used here */}
children supaya data kekal di tempat ia digunakan dan bukannya direntas melalui banyak lapisan.Prinsip panduannya: angkat state hanya setinggi yang ia perlu — tidak lebih tinggi. Mengangkat berlebihan menyebabkan render semula yang luas dan prop drilling; mengangkat kurang menyebabkan salinan pendua yang tidak segerak.