Keys

Najpierw odpowiedz na głos lub w myślach, potem porównaj.

Odpowiedź

JSX

users.map(user => (
  <User
    key={user.id}
    user={user}
  />
))

Keys pomagają Reactowi identyfikować elementy listy pomiędzy renderami.

Dobrze:

JavaScript

key={user.id}

Gorzej:

JavaScript

key={index}

Indeks bywa problematyczny, gdy lista zmienia kolejność, usuwa lub dodaje elementy.

Jak poszło? Bądź szczery — „Jeszcze nie” dodaje pytanie do powtórki.