В React и подобных фреймворках основные типы хуков можно разделить на несколько категорий:
Можешь назвать основные типы хуков в React или подобных фреймворках?
В React и подобных фреймворках основные типы хуков можно разделить на несколько категорий:
Короткий ответ
Что ответить на собеседовании
Подробный разбор
Ответ с пояснениями
В 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>
);
}