usestate react что это
useState
- это один из хуков (hook), предоставляемых React
, который позволяет добавлять состояние в функциональные компоненты.
useState
принимает начальное значение состояния и возвращает массив с двумя элементами: текущее значение состояния и функцию, которая обновляет значение состояния и перерисовывает компонент.
Пример использования хука useState
:
import React, { useState } from 'react';
function Counter() {
const [count, setCount] = useState(0);
return (
<div>
<p>You clicked {count} times.</p>
<button onClick={() => setCount(count + 1)}>Click me</button>
</div>
);
}
В этом примере мы создали функциональный компонент Counter
, который использует useState
для добавления состояния.
Мы создали переменную count
, которая хранит текущее значение состояния (в данном случае - число нажатий на кнопку). Также, создали функцию setCount
, которая обновляет значение состояния. Мы передаем эту функцию в обработчик onClick
кнопки, чтобы увеличить значение count
при каждом нажатии.
Когда мы вызываем setCount
с новым значением, React
обновляет значение состояния и перерисовывает компонент, чтобы отобразить новое значение.
Таким образом, useState
позволяет добавлять механизм управления состоянием в функциональные компоненты и обновлять компоненты при изменении состояния.