Sobes.tech
Back to questions
Junior — Middle
108

Можешь назвать основные типы хуков в React или подобных фреймворках?

Answer from AI

sobes.tech AI

В React и подобных фреймворках основные типы хуков можно разделить на несколько категорий:

  • Хуки состояния (State hooks): позволяют управлять состоянием компонента. Например, useState в React.

  • Хуки эффекта (Effect hooks): позволяют выполнять побочные эффекты, например, загрузку данных или подписки. В React это useEffect.

  • Хуки контекста (Context hooks): позволяют получать доступ к контексту, например, useContext.

  • Хуки рефа (Ref hooks): для доступа к DOM-элементам или сохранения мутабельных значений, например, useRef.

  • Кастомные хуки: пользовательские функции, которые используют базовые хуки для повторного использования логики.

Пример использования useState и useEffect в React:

import React, { useState, useEffect } from 'react';

function Counter() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    document.title = `Вы нажали ${count} раз`;
  }, [count]);

  return (
    <button onClick={() => setCount(count + 1)}>
      Нажми меня
    </button>
  );
}