Встречается на собеседованиях • сегодня

Как React сравнивает значения

React использует алгоритм реконсиляции (Reconciliation) для сравнения Virtual DOM с предыдущим состоянием. При сравнении значений:

  1. Примитивы (строки, числа, булевы) сравниваются по значению:
jsx
5 === 5 // true
'text' === 'text' // true
  1. Объекты и массивы сравниваются по ссылке, а не по содержимому:
jsx
{} === {} // false
[1, 2] === [1, 2] // false
  1. React.memo/PureComponent выполняют поверхностное сравнение (shallow compare) пропсов для оптимизации рендеринга.

  2. key помогает React идентифицировать элементы в списках при изменениях.

Для глубокого сравнения в сложных случаях можно использовать хук useMemo или библиотеки типа lodash.isEqual.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы