Встречается на собеседованиях • сегодня
В каких случаях используется UseCallback
`useCallback` — это хук в React, который мемоизирует функцию, предотвращая её пересоздание при каждом рендере. Это полезно для оптимизации производительности, особенно когда функция передаётся в дочерние компоненты, зависящие от сравнения пропсов (например, `React.memo` или `useEffect`).
**Основные случаи использования:**
1. Передача колбэков в оптимизированные дочерние компоненты.
2. Зависимости эффектов (`useEffect`), где функция является зависимостью.
**Пример:**
```jsx
import React, { useState, useCallback } from 'react';
const Child = React.memo(({ onClick }) => {
console.log('Child render');
return ;
});
function Parent() {
const [count, setCount] = useState(0);
const handleClick = useCallback(() => {
setCount(prev => prev + 1);
}, []); // Зависимости пусты — функция создаётся один раз
return (
<>
Count: {count}
</>
);
}
```
Без `useCallback` компонент `Child` перерендеривался бы при каждом обновлении `Parent`, так как `handleClick` создавалась бы заново.
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы