Sobes.tech
Назад к вопросам
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]);
    

Использовал эти хуки для управления состоянием, оптимизации производительности и работы с эффектами и контекстом.