Pse artikujt e listës kanë nevojë për një çelës, dhe pse mos të përdorësh indeksin?

Question

IT Interview Practice · Accepted Answer

Kur ju rendre një listë, React ka nevojë të dijë **cili element është cili** ndërmjet renderjeve në mënyrë që të mund ta rripërdorë, rirenditje, fusuese ose fshijë DOM nyjat në mënyrë të saktë. **`key`** është ajo identitet. ```jsx {users.map(user => ( // stable, unique id ))} ``` ## Pse indeksi i grupit është i rrezikshëm Përdorimi i indeksit si çelës u thotë React "artikulli në pozicionin 0 është i njëjti artikull si më përpara" — e cila thyhet në momentin kur lista rirenditet, ose ju futni/fshini nga përpara: ```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. ``` Një simptom real: një listë të inputeve ku shkrimi në një rresht "kërcen" në tjetrën pas fshirjes/renditjes, sepse React ripërdori `` e gabuar (dhe vlerën/fokus të tij të brendshëm). ## Pse kjo ka rëndësi - Përdorni një id **stabil, unik** nga të dhënat tuaja (`user.id`, një slug). - Indeksi është i pranueshëm **vetëm** për një listë statike që nuk kurrë rirendit, fuson, ose fshion. - Çelësat duhet të jenë unikë ndërmjet **vëllezërish** (jo globalisht). Çelësat janë një këshillë për algoritmin e pajtimit; arritja e tyre e saktë e mban atë dhe performancën dhe gjendjen e komponentit të saktë.

Pse indeksi i grupit është i rrezikshëm

Pse kjo ka rëndësi

Pyetje të ngjashme