Apa tegese naikake state?

Question

Accepted Answer

**Naikake state** tegese mindhahake state saka komponen anak menyang **induk umum** supaya akeh anak bisa nudharake lan tetep sinkron karo data sing padha. Iki solusi standar nalika komponen sedulur kudu koordinasi. ## Perkara: sedulur perlu data sing bareng ```jsx // ❌ each child has its OWN state — they can't sync function TempInput() { const [temp, setTemp] = useState(0); ... } // Two sibling TempInputs (Celsius & Fahrenheit) can't see each other's value ``` Yen rong komponen sedulur masing-masing ngerti копи dhewe saka state sing gegandhenan, ora ana cara supaya tetep konsisten — ngganti siji ora mengaruh sing liya. ## Solusi: naikake state menyang induk ```jsx function Calculator() { const [temperature, setTemperature] = useState(0); // state LIFTED to the parent return ( <> {/* pass state DOWN as a prop, and a setter to update it */}

Both inputs share one value: {temperature}

); } function TempInput({ value, onChange }) { return onChange(e.target.value)} />; } ``` State yang bareng saiki manggon ing induk (`Calculator`). Iku ngirim nilai *mudhun* minangka prop lan setter supaya anak bisa njaluk owah-owahan (*munggah*). Saiki loro input nggambarake sumber sing padha — ngedit siji ngganti loro. ## Pola ```text 1. Find the closest COMMON ancestor of the components that need to share 2. Move the state UP into that ancestor 3. Pass the value DOWN as props 4. Pass a callback DOWN so children can request updates (data up via events) ``` Iki aliran "data mudhun, acara munggah" sing padha, diterapake kanggo nggaweke state bareng. ## Nalika naikake dadi kadhung ```text Lifting too high (state ends up far from where it's used) → prop drilling. At that point, prefer Context or a state library instead of lifting further. ``` ## Apa tegese pentinge Naikake state minangka teknik fundamental kanggo **nudharake state antarane komponen sedulur/gegandhenan** ing framework basis komponen — iku njaga sumber kebenaran tunggal ing induk umum supaya anak tetep sinkron. Kadang minangka *pisanan* piranti sing kudu dicoba sadurunge nambahi Context utawa store. Manggal nalika kudu naikake (sedulur kudu koordinasi) — lan nalika naikake wis katerlaluan (nyebabake prop drilling, mula wektu kanggo Context/store) — iku inti saka susun state komponen kanthi bener.