В React компоненты делятся на два основных типа по состоянию: 1. **Классовые компоненты** (устаревший подход) ```jsx class Counter extends React.Component { state = { count: 0 }; render() { return ; } } ``` 2. **Функциональные компоненты** (современный стандарт) ```jsx function Counter() { const [count, setCount] = useState(0); return ; } ``` По состоянию компоненты бывают: - **Stateful** - управляют своим состоянием (как примеры выше) - **Stateless** (чистые) - получают данные только через props ```jsx function Greeting({ name }) { return

Hello, {name}!

; } ``` С появлением хуков функциональные компоненты могут иметь состояние, поэтому деление условное. Современный React рекомендует использовать функциональные компоненты везде.