useState

const[текущее значение, функция] = useState(начальное состояние)

useState — это хук в React, который позволяет добавлять состояние (state) в функциональные компоненты.

Что делает useState?

useState принимает начальное значение состояния и возвращает массив из двух элементов:
1. Текущее значение состояния — переменная, которая хранит текущее состояние.
2. Функция для обновления состояния — позволяет изменять значение состояния, вызывая перерендеринг компонента.

Когда использовать useState?

Когда нужно хранить и обновлять данные в компоненте (например, счётчик, текст в инпуте, флаги видимости).
Для локального состояния, которое не требует глобального управления (для глобального состояния лучше использовать Context или Redux).

Пример кода

import React, { useState } from 'react';

function Counter() {
  const [count, setCount] = useState(0); // Начальное значение — 0

  return (
    <div>
      <p>Счётчик: {count}</p>
      <button onClick={() => setCount(count + 1)}>Увеличить</button>
    </div>
  );
}

export default Counter;