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

0 0
Познакомьтесь с основами JavaScript бесплатно

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