Встречается на собеседованиях • сегодня
Как useCallback помогает оптимизировать дочерние компоненты
`useCallback` мемоизирует функцию, предотвращая её пересоздание при каждом рендере родительского компонента. Это полезно, когда функция передаётся в дочерние компоненты, особенно в `React.memo` или `PureComponent`, чтобы избежать лишних ререндеров.
Пример:
```jsx
const Parent = () => {
const [count, setCount] = useState(0);
// Без useCallback - новая функция при каждом рендере
const increment = useCallback(() => {
setCount(c => c + 1);
}, []); // Зависимости пусты - функция создаётся один раз
return ;
};
const Child = React.memo(({ onClick }) => {
console.log('Child render');
return ;
});
```
Без `useCallback` дочерний компонент будет перерендериваться при каждом изменении состояния родителя, даже если его пропсы фактически не изменились. `useCallback` сохраняет ссылку на функцию между рендерами, если её зависимости не изменились.

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