Что такое key в списках React?

key — стабильный идентификатор элемента среди соседей, по которому React сопоставляет элементы между рендерами и сохраняет их состояние.

Короткий ответ

Что ответить на собеседовании

key — стабильный идентификатор элемента среди соседей, по которому React сопоставляет элементы между рендерами и сохраняет их состояние.

Подробный разбор

Ответ с пояснениями

key — стабильный идентификатор элемента среди соседей, по которому React сопоставляет элементы между рендерами и сохраняет их состояние.

Используйте id данных, а не случайное значение. Индекс опасен при вставках, удалениях и сортировке: состояние может оказаться связано с другой записью. key уникален среди соседей, не во всём приложении, и не передаётся компоненту обычным prop. Изменение key создаёт новую идентичность элемента и может сбросить его состояние.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее