Nalika loro komponen kudu nuduhake state sing padha, sampeyan mindhah ("lift") state kasebut menyang ancestor sing paling cedhak lan ngirim mudhun liwat props, supaya ana single source of truth.
jsx
() {
[query, setQuery] = ();
(
);
}
Nalika loro komponen kudu nuduhake state sing padha, sampeyan mindhah ("lift") state kasebut menyang ancestor sing paling cedhak lan ngirim mudhun liwat props, supaya ana single source of truth.
() {
[query, setQuery] = ();
(
);
}
Pustaka pitakon wawancara IT kanthi jawaban rinci — saka Junior nganti Senior.
NyumbangManawi saben anak nyimpen query dhewe, bakal beda-beda. Lifting tegese input lan results tansah setuju.
Lifting state tinggi bisa ngejlentrehake sampeyan ngirim props liwat akeh komponen intermediary sing ora ngenggo:
<App user={user}>
<Layout user={user}> {/* just forwarding */}
<Sidebar user={user}> {/* just forwarding */}
<Avatar user={user} /> {/* finally used here */}
children supaya data tetep ing mana dienggo, tinimbang diseret liwat banyak.Prinsip sing nemongko: **lift state mung setinggi perlu—ora luwih. ** Over-lifting nyebabake re-renders sing jembar lan prop drilling; under-lifting nyebabake duplikat sing beda-beda.