Встречается на собеседованиях • сегодня

В каких случаях используется 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` создавалась бы заново.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы