Зачем React нужен `key` в списках?

JuniorReact · Frontend·Обновлено 16 июня 2026
Коротко
key помогает React сопоставлять элементы списка между render.

key помогает React сопоставлять элементы списка между render.

Сильный ответ должен раскрыть: reconciliation; stable identity; избегать index key; preserve state.

Важно не допустить типичные ошибки: использовать random key; всегда использовать index; не понимать связь с состоянием элемента.

Что хочет услышать интервьюер

reconciliation

stable identity

избегать index key

preserve state

Пример: React example

{items.map(item => <Row key={item.id} item={item} />)}

Типичные ошибки

использовать random key

всегда использовать index

не понимать связь с состоянием элемента

Лучшие курсы по теме

изображение курса

TypeScript с нуля

Антон Ларичев
AI-тренажерыAI-тренажеры
Практика в студииПрактика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.8
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

Feature-Sliced Design

Антон Ларичев
AI-тренажерыAI-тренажеры
Практика в студииПрактика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.6
3 999 ₽ 6 990 ₽
Подробнее
изображение курса

Next.js - с нуля

Антон Ларичев
AI-тренажерыAI-тренажеры
Практика в студииПрактика в студии
Гарантия
Бонусы
иконка звёздочки рейтинга4.7
3 999 ₽ 6 990 ₽
Подробнее