Встречается на собеседованиях • сегодня
Как работает useCallback
`useCallback` — это хук React, который мемоизирует функцию, предотвращая её пересоздание при каждом рендере. Это полезно для оптимизации производительности, особенно когда функция передаётся в дочерние компоненты, зависящие от сравнения пропсов (например, `React.memo` или `useEffect`).
**Синтаксис:**
```javascript
const memoizedCallback = useCallback(
() => {
// Функция
},
[dependencies] // Массив зависимостей
);
```
**Как работает:**
- Функция пересоздаётся только при изменении зависимостей.
- Если зависимости не изменились, возвращается та же самая функция (по ссылке).
**Пример:**
```javascript
const MyComponent = () => {
const [count, setCount] = useState(0);
const handleClick = useCallback(() => {
setCount(prev => prev + 1);
}, []); // Не пересоздаётся при рендерах
return ;
};
```
**Когда использовать:**
- Передача колбэков в оптимизированные дочерние компоненты.
- Функции внутри зависимостей других хуков (например, `useEffect`).

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