> Что будет если у всех элементов списка одинаковый key в React (React)

Уровень: senior · Роль: frontend · Категория: Технические вопросы

Компании: Домклик

Стек: React

> Пример ответа

Если у всех элементов списка в React указан одинаковый key, React не сможет корректно отслеживать изменения, добавления и удаления элементов. Вместо эффективного обновления только изменившихся частей DOM, React будет вынужден перерендеривать весь список, что может привести к:

Потере состояния компонентов (например, фокус в инпутах, скролл, анимации).
Ошибкам в работе списка (неправильный порядок, дублирование или пропажа элементов).
Снижению производительности из-за лишних перерисовок.

React использует key для идентификации каждого элемента. Если ключи неуникальны, механизм согласования (reconciliation) сломается, и React начнёт ошибочно сопоставлять старые и новые элементы, что приведёт к непредсказуемому поведению. Всегда используйте уникальные и стабильные ключи, например, id из данных или индекс массива (только если порядок элементов не меняется).