Директива useState барои чӣ истифода мешавад…

useState — это хук React, который позволяет добавлять состояние в функциональные компоненты. Он возвращает массив из двух элементов: текущего значения состояния и функции для его обновления. При вызове функции обновления компонент перерендеривается с новым значением.

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

import { useState } from 'react';

function Counter() {
  // 'count' - текущее состояние, 'setCount' - функция для его обновления
  const [count, setCount] = useState(0);

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

Асосӣ хусусиятҳо:

Илова кардани ҳолат: Имкон медиҳад, ки ҳолат дар компонентҳои функсионалӣ истифода шавад, ки қаблан танҳо дар синфҳо буд.
Функсияи навсозӣ: Вай махсус функсияеро бармегардонад, ки барои тағйир додани ҳолат истифода мешавад.
Бознависии компонент: Тағйир додани ҳолат тавассути функсияи навсозӣ сабаби бознависии компонент мегардад.
Примитивҳо ва объектҳо: Меҳмон метавонад ҳар гуна намуди додаҳоро нигоҳ дорад: рақамҳо, сатрҳо, булеанҳо, объектҳо, массивҳо.
Инициализатсияи суст: Қимати ибтидоӣ метавонад функсия бошад, ки танҳо дар аввалин бознависӣ иҷро мешавад, ки барои ҳисобҳои гарон кӯмак мекунад.

const [data, setData] = useState(() => {
  // Ҳисобҳои гарон танҳо як бор иҷро мешаванд
  const initialData = someExpensiveCalculation();
  return initialData;
});

Директива useState барои чӣ истифода мешавад?