Bu uyarı, React'te bir liste (map ile) render ederken her öğeye benzersiz bir key vermediğinde çıkar.

Neden olur?

React, hangi öğenin değiştiğini verimli anlamak için her liste öğesine benzersiz bir kimlik (key) ister.

Hatalı kod

{urunler.map(u => <li>{u.ad}</li>)}   // key yok -> uyari

Doğru kod

{urunler.map(u => <li key={u.id}>{u.ad}</li>)}   // benzersiz key ver

Kontrol listesi

  • Her liste öğesine benzersiz bir key ver (tercihen kalıcı bir id).
  • İndeksi key olarak kullanmak son çaredir; liste değişiyorsa sorun çıkarabilir.
  • key'ler kardeşler arasında benzersiz olmalı, global değil.

JavaScript derslerimizle temeli güçlendir.