Как влияют индексы как ключи? в REACT




82
Как влияют индексы как ключи? в REACT
Рейтинг 10 из 10. Голосов: 1292
Ваша оценка:

Ключи должны быть стабильными, предсказуемыми и уникальными, чтобы React мог отслеживать элементы.

В приведенном ниже фрагменте кода ключ каждого элемента будет основан на упорядочении, а не на привязке к представленным данным. Это ограничивает возможности оптимизации, которые может выполнять React.

{todos.map((todo, index) =>
  <Todo
    {...todo}
    key={index}
  />
)}

Если вы используете данные элемента для уникального ключа, предполагая, что todo.id уникален для этого списка и стабилен, React сможет переупорядочивать элементы без необходимости их повторной оценки.

{todos.map((todo) =>
  <Todo {...todo}
    key={todo.id} />
)}

Вопросы и ответы


Оставить комментарий

ответить