Встречается на собеседованиях • сегодня
Как предотвратить перерендер при изменении родительского компонента
Используйте `React.memo` для мемоизации компонента, чтобы он перерендеривался только при изменении пропсов. Для сложных пропсов можно передать кастомную функцию сравнения вторым аргументом.
```jsx
const Child = React.memo(({ data }) => {
return ;
};
```
Для колбэков используйте `useCallback`, чтобы сохранять ссылку на функцию между рендерами.
{data}
;
}, (prevProps, nextProps) => {
return prevProps.data === nextProps.data;
});
```
Также можно использовать `useMemo` для мемоизации значений, передаваемых в дочерние компоненты:
```jsx
const Parent = () => {
const memoizedData = useMemo(() => computeExpensiveValue(), [deps]);
return 
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы