Çfarë do të thotë ngritja e gjendjeve?

Question

Accepted Answer

**Ngritja e gjendjeve** do të thotë lëvizja e gjendjeve nga një komponent fëmijë në një **prind të përbashkët** në mënyrë që fëmijë të shumtë të mund të ndajnë dhe të mbeten të sinkronizuara me të njëjtat të dhëna. Kjo është zgjidhja standarde kur komponentë vëllezër duhet të koordinohen. ## Problemi: vëllezërit kanë nevojë për të dhëna të përbashkëta ```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 ``` Nëse secila nga dy komponentë vëllezër mban kopjen e vet të gjendjeve të ndërlidhura, nuk ka asnjë mënyrë për ato të qëndrojnë të qëndrueshme — ndryshimi i njërit nuk ndikon në tjetrin. ## Zgjidhja: ngrit gjendjen në prindin ```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)} />; } ``` Gjendja e ndarë tani jeton në prindin (`Calculator`). Ajo kalon vlerën *poshtë* si prop dhe setter në mënyrë që fëmijët të mund të kërkojnë ndryshime (*lart*). Tani të dy fushat e hyrjes pasqyrojnë të njëjtën burim — redaktimi i njërit përditëson të dyja. ## Modeli ```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) ``` Kjo është e njëjta rrjedhje "të dhëna poshtë, ngjarje lart", e zbatuar për të ndarë gjendjen. ## Kur ngritja bëhet shumë e madhe ```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. ``` ## Pse është e rëndësishme Ngritja e gjendjeve është teknika themelore për **ndarjen e gjendjeve midis komponentë vëllezër/të lidhura** në korniza të bazuara në komponentë — ajo ruan një burim të vetëm të së vërtetës në prindin e përbashkët në mënyrë që fëmijët të mbeten të sinkronizuar. Shtë shpesh mjet i *parë* për tu përdorur përpara se të shtohet Context ose një dyqan. Njohja se kur të ngrihet (vëllezërit duhet të koordinohen) — dhe kur ngritja ka shkuar shumë larg (që shkakton "prop drilling", prandaj është koha për Context/dyqan) — është thelbësore për strukturimin e mirë të gjendjes komponent.