Bagaimana Cara Mengatasi Error "Encountered two children with the same key" di React?

Dibuat
·
Dilihat151 kali
1

Saya punya function komponen bernama Users:

function Users() {
  const users = [
    { kelompok: 1, nama: 'Budi' },
    { kelompok: 1, nama: 'angga' },
  ];
  return (
    <ol>
      {users.map((user) => (
        <li key={user.kelompok}>{user.nama}</li>
      ))}
    </ol>
  );
}

Ketika saya jalankan muncul pesan kesalahan ini di browser:

Warning: Encountered two children with the same key, `1`. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.
at ol
at Users
at div
at App 

Gimana cara mengatasinya ya?

2 Jawaban
0

value kelompoknya gak boleh sama seharusnya setelah 1,2 bukan 1,1

Dibuat
Tampilkan jawaban lainnya

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!