Встречается на собеседованиях • сегодня
Memo проверяет равенство props по значению или по референсу
React.memo использует поверхностное сравнение (shallow comparison) props по референсу. Это означает, что он сравнивает предыдущие и новые props с помощью Object.is для примитивов и проверяет ссылочное равенство для объектов/массивов.
Пример:
```jsx
const MyComponent = React.memo(({ data }) => {
return // Компонент всегда будет перерисовываться
// Лучше вынести объект в константу
const data = { value: 42 };
// Перерисовка только при изменении data
```
Для глубокого сравнения можно передать вторым аргументом кастомную функцию сравнения:
```jsx
React.memo(Component, (prevProps, nextProps) => {
return prevProps.data.value === nextProps.data.value;
});
```
{data.value}
;
});
// При каждом рендере будет создаваться новый объект

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы