Cad a bhíonn i gceist agus an staid á ardú?

Question

Accepted Answer

**Ardú an staid** a chiallaíonn gluaiseacht an staid ó chomhpháirt leanaí go **tuismitheoir coiteann** ionas go bhféadfaidh iomadh páistí an sonraí céanna a roinnt agus a choinneáil in aon tsoncás amháin. Is é seo an réiteach caighdeánach nuair is gá do chomhpháirt bhraithreacha a dhéanamh comhordúchán. ## An fhadhb: tá sonraí roinnte ag na braithreacha ```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 ``` Má bhíonn a bhreac féin de staid ghaolmhar ag gach ceann de dhá chomhpháirt bhraithreacha, níl aon bhealach ann dóibh a choinneáil comhsheasmhach — ní chuireann athrú ar an gceann amháin ach oiread an ceann eile. ## An réiteach: ardú an staid go dtí an tuismitheoir ```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)} />; } ``` Tá an staid roinnte ann anois sa tuismitheoir (`Calculator`). Seolann sé an luach *síos* mar prop agus socraitheoir ionas go bhféadfaidh páistí athruithe a iarraidh (*suas*). Anois léiríonn an dá ionchur an fhoinse chéanna — nuair a chuireann tú in eagar an ceann amháin cuirtear an ceann eile in eagar. ## An patrún ```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) ``` Is é seo an sruth céanna "sonraí síos, imeachtaí suas", a chuirtear i bhfeidhm chun an staid a dhéanamh roinnte. ## Nuair a bhíonn ardú an staid ró-mhór ```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. ``` ## Cén fáth a bhíonn sé tábhachtach Is é ardú an staid an teicníc bhunúsach chun **staid a roinnt idir chomhpháirt bhraithreacha/ghaolmhara** i bhframeweorc bhunaithe ar chomhpháirt — coimeádann sé foinse amháin fírinne i dtuismitheoir coiteann ionas go bhfanann na páistí in aon tsoncás amháin. Is minic an t-uirlis *dhéanach* a bhíonn ann sula gcuirtear Context nó stór leis. A bheith in ann a thuiscint cén uair atá ardú ann (tá comhordúchán ag teastáil ó na braithreacha) — agus cén uair atá an-iomarcach ardú ann (a chuireann prop drilling ar fáil, agus gur am atá ann Context/stór a úsáid) — is ábhar bunúsach ar bhonn an stáit chomhpháirt a struchtúrú go maith.