Все ли вы знаете о React key?

[Sin9k]

Да, я пару раз такое проворачивал тоже) но всегда относился к этому скорее как к костылю и переписывал потом))

[Alexandroppolus]

Тоже было дело, таким образом избавился от анимации, которая в определенном случае была не нужна.

[temchik2004]

Добрый вечер.

Попрошу поправить примеры с индексами. Ибо кому-то может быть не понятно откуда взялся индекс.

const Users = ({ users }) => {
  return users.map((user, index) => {
    return (
      <User
        key={index}
        name={user.name}
      />
    );
  }
}

const Users = ({ users }) => {
  return users.map((user, index) => {
    const Component = user.role === 'admin' ? Admin : User;

    return (
      <Component
        key={index}
        name={user.name}
      />
    );
  }
}

[Sin9k]

Спасибо за правку! Упустил)