Встречается на собеседованиях • сегодня
По каким критериям React сравнивает виртуальный DOM с реальным
React использует алгоритм реконсиляции (diffing algorithm) для сравнения виртуального DOM с реальным. Основные критерии:
1. **Тип элемента** - если тип разный (например, `
` меняется на ``), React полностью пересоздаёт дерево.
2. **Ключи (keys)** - при списках React использует ключи для идентификации элементов. Если ключи совпадают, элемент обновляется, а не пересоздаётся.
3. **Атрибуты** - React сравнивает пропсы и обновляет только изменившиеся атрибуты.
Пример с ключами:
```jsx
// Без ключей - плохо
{items.map(item =>
{item}
)}
// С ключами - правильно
{items.map(item => {item.text}
)}
```
React применяет эти правила рекурсивно для всего дерева компонентов, минимизируя количество операций с реальным DOM.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы