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

3 года назад

Ivan Gagarinov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

Для коллекций в реакте лучше указывать 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(), то каждый раз будет генерироваться новое значение и реакт будет перерисовывать компонент. По той же причине не стоит указывать индекс элемента, так как индекс может поменяться в результате удаления одного из элементов, и компоненты с измененными индексами также будут перерисовываться.

3 года назад

Ivan Gagarinov

2 месяца

React

Навык разрабатывать быстрые и удобные интерфейсы, открывающий доступ к интересным вакансиям в крупных компаниях

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

2 месяца

Typescript

Навык снижать ошибки, упрощать отладку, повышать качество кода и ускорять разработку с автодополнением и типизацией

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

Похожие вопросы