Назад к вопросам
Middle
3
Расскажи про хуки React: какие использовал(а) и для чего (useState, useEffect, useRef, useContext, useMemo, useCallback)?
Компании, где спрашивали
BI.ZONE
Ответ от нейросети
sobes.tech AI
В React хуки позволяют использовать состояние и другие возможности React в функциональных компонентах.
-
useState — хранит локальное состояние компонента.
const [count, setCount] = useState(0); -
useEffect — выполняет побочные эффекты (запросы, подписки) после рендера.
useEffect(() => { document.title = `Вы нажали ${count} раз`; }, [count]); -
useRef — хранит изменяемый объект, который не вызывает перерендер при изменении, часто используется для доступа к DOM.
const inputRef = useRef(null); -
useContext — позволяет использовать контекст React для передачи данных без пропсов.
const theme = useContext(ThemeContext); -
useMemo — мемоизирует вычисленное значение, чтобы избежать ненужных перерасчётов.
const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); -
useCallback — мемоизирует функцию, чтобы не создавать её заново при каждом рендере.
const memoizedCallback = useCallback(() => { doSomething(a, b); }, [a, b]);
Использовал эти хуки для управления состоянием, оптимизации производительности и работы с эффектами и контекстом.