List Key (ARCH3304)

Anahtar typescript.react.list-key · Önem warning · Kategori quality

React: map() ile üretilen liste ögelerinde key olmamasını ya da key olarak dizi indeksinin kullanılmasını işaretler - React ögeleri konuma göre eşleyip yanlış DOM düğümünü yeniden kullanır.

Yanlış

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

Doğru

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