Агар индекси массивро ҳамчун калид гузоред, чӣ мешавад?

Истифодаи индексии массив ҳамчун калид (key) дар React метавонад ба мушкилоти иҷроиш ва дурустии навсозии компонентҳо оварда расонад. Вақте ки тартиби элементҳо тағир меёбад ё элементҳо илова ё хориҷ карда мешаванд, индексҳо тағир меёбанд, ва React метавонад компонентҳоро нодуруст пайванд кунад, ки ин ба такрори беназири рангардонӣ ё гум кардани ҳолат оварда мерасонад.

Масалан, агар шумо рӯйхат дошта бошед:

{items.map((item, index) => (
  <ListItem key={index} item={item} />
))}

Ва як элемент навро ба оғози массив илова кунед, ҳамаи калидҳо ҳаракат мекунанд, ва React қариб ҳама компонентҳоро дубора месозад, ҳарчанд ки танҳо яке бояд нав карда мешуд.

Беҳтар аст, ки идентификаторҳои беназир ва устувор аз маълумот истифода шаванд, масалан id:

{items.map(item => (
  <ListItem key={item.id} item={item} />
))}