> Что будет, если передать в React diff div без key (React)

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

Компании: Сбер

Стек: React

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

Если передать в React diff (то есть при рендеринге списка элементов) <div> без атрибута key, React будет использовать индекс элемента в массиве в качестве неявного ключа. Это может привести к проблемам с производительностью и некорректным обновлением DOM, особенно если список динамически изменяется (добавление, удаление, перестановка элементов). Например, при перестановке элементов React может переиспользовать DOM-узлы, что вызовет сброс состояния (например, фокус в input) или неправильное отображение. В консоли появится предупреждение: "Each child in a list should have a unique 'key' prop". Для статичных списков (без изменений) это допустимо, но в общем случае рекомендуется всегда задавать уникальные и стабильные ключи.

> ГОТОВЫ К СЛЕДУЮЩЕМУ СОБЕСЕДОВАНИЮ?

Запустите тренировочную сессию с ИИ и получите детальную обратную связь, чтобы увереннее проходить реальные интервью