Cén fáth ar ghá eochair a bheith ag gach mír liosta, agus cén fáth nach úsáid an t-innéacs?

Question

Accepted Answer

Nuair a bhíonn liosta á dhéanamh ag React, bíonn gá aici ar bhealach a bheith aici a fhios a gcruthú **cén mír a bhíonn ann** idir render-anna ionas gur féidir aici nóid DOM a athúsáid, a athordú, a chur isteach, nó a scriosadh i gceart. Is é an **`key`** an t-aitheantas sin. ```jsx {users.map(user => ( // stable, unique id ))} ``` ## Cén fáth ar bhíonn an t-innéacs eochrach contúirteach Má úsáideann tú an t-innéacs mar eochair, is dóigh le React "an mír ag seasamh 0 atá ann an mhír chéanna a bhí ann cheana féin" — rud a bhriseann láithreach nuair a athordaíonn an liosta, nó nuair a bhíonn tú ag cur isteach/a bhaint ó na babhta tosaigh: ```jsx // items: [A, B, C] with keys 0,1,2 // you DELETE A → [B, C], keys become 0,1 // React thinks key 0 (was A) is now B, key 1 (was B) is now C... // so it keeps the wrong DOM state with the wrong item. ``` Symptom fíor: liosta ionchur ina n-imíonn scríobh i sraith amháin "go léim" go sraith eile tar éis a bheith ag foluain/sórtáil, toisc gur athúsáid React an `` mícheart (agus a luach/fócas inmheánach). ## Rialacha - Úsáid a **chobhsaí, uathúil** aitheantas ó do shonraí (`user.id`, slug). - Tá an t-innéacs inghlactha **ach amháin** do liosta statach nach athordaíonn, nach cuireann isteach, ná nach scriosann. - Caithfidh eochracha a bheith uathúil i measc **siblíní** (ní go domhanda). Is gealadh iad eochracha don algartam athchomhaireamh; nuair a bhíonn siad ceart, coimeádann siad feidhmíochán agus staid chomhpháirt i gceart.