Какие данные можно хранить в useState

В useState можно хранить любые данные: примитивы (string, number, boolean, null, undefined), объекты, массивы, функции. Главное правило — не мутировать состояние напрямую.

Примеры:

const [count, setCount] = useState(0); // число
const [text, setText] = useState(''); // строка
const [isActive, setIsActive] = useState(false); // булево
const [user, setUser] = useState({ name: 'Alex' }); // объект
const [items, setItems] = useState([1, 2, 3]); // массив
const [callback, setCallback] = useState(() => () => {}); // функция

Нюансы:

• Для объектов/массивов обновляйте состояние через новый объект/массив:
  jsx

  Копировать

  setUser({ ...user, age: 30 }); // вместо user.age = 30

• Функции в useState вызываются только при инициализации (ленивая инициализация).