Что можно положить в initial value useState?

Что можно передать в initialValue useState?

Хук useState в React принимает начальное значение состояния. Это может быть любой тип данных JavaScript: примитивы (числа, строки, булевы значения), объекты, массивы, null, undefined или даже функция. Главное правило — значение должно быть синхронным и не асинхронным (например, Promise не подойдёт).

Ленивая инициализация

Если начальное состояние требует сложных вычислений, можно передать функцию. React вызовет её только один раз при первом рендере компонента, что улучшает производительность. Например:

const [state, setState] = useState(() => {
  const initial = expensiveComputation();
  return initial;
});

Это особенно полезно, когда начальное значение получается из localStorage или API (но синхронно).

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

• Примитивы: useState(0), useState('hello'), useState(true)
• Объекты: useState({ name: 'John', age: 30 })
• Массивы: useState([1, 2, 3])
• null/undefined: useState(null)
• Функция: useState(() => 42)

Что нельзя передавать?

Нельзя передавать асинхронные значения, такие как Promise или результат вызова асинхронной функции. Если нужно загрузить данные с сервера, используйте useEffect для установки состояния после монтирования.

Вывод

Используйте useState с любым синхронным значением. Для дорогих вычислений применяйте ленивую инициализацию через функцию. Это стандартная практика в React для управления состоянием компонентов.