Anahtarların Önemi

map tarafından döndürülen her öğenin kararlı ve benzersiz bir etiketi olan bir key değerine ihtiyacı vardır:

{todos.map((todo) => <li key={todo.id}>{todo.text}</li>)}

Neden? Dizi değiştiğinde, React yeni listeyi eski listeyle karşılaştırır. Key'ler ona hangi öğenin hangisi olduğunu söyler; böylece öğeleri yeniden oluşturmak yerine taşıyarak durumu, odağı ve animasyonları korur.

En iyi key: verilerinizden gerçek bir id. Kabul edilebilir: öğe başına benzersiz ve kararlı olan herhangi bir değer (meyve isimlerimiz gibi). Son çare: dizi indeksi. Sıralamayı bozar, çünkü konum bir kimlik değildir.