В чем разница между компонентом классовым и функциональным

Классовые компоненты используют синтаксис ES6 классов и имеют методы жизненного цикла (`componentDidMount`, `componentDidUpdate` и т.д.), состояние через `this.state` и доступ к `this`. Функциональные компоненты — это просто функции. С появлением хуков (React 16.8+) они получили состояние (`useState`), эффекты (`useEffect`) и другие возможности, ранее доступные только классам. **Основные различия:** 1. Синтаксис: классы vs функции 2. Жизненный цикл: методы vs хуки 3. Состояние: `this.state` vs `useState` 4. Производительность: функциональные легче оптимизировать **Пример:** ```jsx // Классовый class ClassComp extends React.Component { state = { count: 0 }; render() { return ; } } // Функциональный function FuncComp() { const [count, setCount] = useState(0); return ; } ``` Сейчас React рекомендует функциональные компоненты как основной подход.