Po co React potrzebuje key przy elementach listy?

key pomaga Reactowi rozpoznać, który element listy jest tym samym elementem po zmianie kolejności, dodaniu lub usunięciu. Dzięki temu stan pola i inne powiązane informacje pozostają przy właściwym rekordzie.

Jeśli wyświetlam użytkowników, dobrym kluczem jest zwykle stabilne ID użytkownika. Numer pozycji może być problemem, gdy elementy przesuwają się w liście: stan wpisany dla jednej osoby może zostać przypisany innej. Klucz nie musi być globalnie unikalny w całej aplikacji, tylko wśród rodzeństwa w danej liście. Losowanie nowego klucza przy każdym renderowaniu utrudnia zachowanie tożsamości elementu.