BLACK FRIDAY

осталось 2 дня

Скидка 10% и подарок на выбор — при покупке одной программы
При покупке двух программ  — вторая со скидкой 50%

Почему не стоит использовать unqueId для key в коллекциях React?

Ответы
Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
16 сентября 2022

Для коллекций в реакте лучше указывать key со статическим значением:

class List extends React.Component {
  render() {
    const { data } = this.props;

    return (
      <ul>
        {data.map((item) => <li key={item.id}>{item.name}</li>)}
      </ul>
    );
  }
}

Если в качестве key указать например вызов функции из лодаш uniqueId(), то каждый раз будет генерироваться новое значение и реакт будет перерисовывать компонент. По той же причине не стоит указывать индекс элемента, так как индекс может поменяться в результате удаления одного из элементов, и компоненты с измененными индексами также будут перерисовываться.

Добавьте ваш ответ

Рекомендуемые курсы

модули
импорты
отладка программы
ошибки
50 часов
Посмотреть
промисы
event loop
обработка ошибок
таймеры
18 часов
Посмотреть
шаблонизация
REST
мидлвары
тестирование
11 часов
Посмотреть