Что происходит с точки зрения React при пагинации с фиксированным размером страницы, если использовать уникальные идентификаторы элементов как key или индексы как key?

При key=id React связывает компонент с конкретной записью; при key=index — с позицией на странице. Во втором случае локальное состояние может перейти к другой записи.

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

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

При key=id React связывает компонент с конкретной записью; при key=index — с позицией на странице. Во втором случае локальное состояние может перейти к другой записи.

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

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

При key=id React связывает компонент с конкретной записью; при key=index — с позицией на странице. Во втором случае локальное состояние может перейти к другой записи.

Если новая страница содержит другие ID, старые строки размонтируются, новые создадутся; общие ключи при том же типе компонента позволяют сохранить экземпляры. Индексы 0…N повторяются, поэтому React переиспользует строки для новых данных. Это может оставить чужое значение input или раскрытое состояние, хотя сами props обновятся.

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

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

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

Подробнее