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

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