Какие состояния может иметь React-компонент

Состояние компонента — это не только useState, а более широкое понятие.

Основные виды состояния

1. Локальное состояние

   • хранится внутри компонента

   • управляет UI и поведением

const [isOpen, setIsOpen] = useState(false)

2. Входное состояние

   • приходит через props

   • контролируется родителем

3. Производное состояние

   • вычисляется из props или state

   • не хранится напрямую

Пример:

const isEmpty = items.length === 0

Логические состояния UI

Во многих компонентах можно выделить типовые состояния:

• loading

• success

• error

• empty

Они помогают структурировать рендеринг и упрощают чтение кода.

Антипаттерны

• дублирование props в state

• хранение вычисляемых значений

• чрезмерное количество флагов

Вывод

Правильное понимание типов состояния помогает делать компоненты проще, предсказуемее и легче для поддержки.