Встречается на собеседованиях • сегодня
Есть ли опыт работы с React Memo
React.memo — это HOC (Higher-Order Component), который оптимизирует производительность, предотвращая ненужные ререндеры функциональных компонентов при одинаковых пропсах.
**Пример:**
```jsx
const MyComponent = React.memo(function MyComponent(props) {
return
{props.value}
;
});
```
**Когда использовать:**
- Компонент часто ререндерится с одинаковыми пропсами
- Ререндеры дорогие (например, сложные вычисления внутри)
**Нюансы:**
1. Не заменяет `useMemo`/`useCallback` для оптимизации вложенных объектов/функций.
2. Проверка пропсов поверхностная (можно кастомизировать вторым аргументом).
**Пример с кастомным сравнением:**
```jsx
React.memo(MyComponent, (prevProps, nextProps) => {
return prevProps.id === nextProps.id; // ререндер только если изменился id
});
```
Используется для оптимизации, но не стоит применять везде — иногда затраты на сравнение пропсов превышают выгоду.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы