Хуки — это специальные функции, введённые в React 16.8, которые позволяют использовать состояние и другие возможности React без написания компонентов-классов. Они дают тебе возможность «подключиться» к функциям React прямо из функциональных компонентов.
Самый распространённый хук — это useState, который позволяет добавить состояние в функциональный компонент:
import { useState } from 'react';
function Example() {
const [count, setCount] = useState(0);
return (
<div>
<p>Ты кликнул {count} раз</p>
<button onClick={() => setCount(count + 1)}>
Клики сюда
</button>
</div>
);
}
useState(0) объявляет переменную состояния count с начальным значением 0setCount — это функция для обновления состоянияsetCount обновляет count и запускает перерисовкуХуки можно использовать только внутри функциональных компонентов, что сделало их современным стандартом разработки на React. В компонентах-классах их использовать нельзя.
Hooks — это специальные функции, которые позволяют функциональным компонентам использовать state и другие возможности React, которые раньше были доступны только в class-компонентах.
Новый — ещё не проверен сообществом
Вы