Какую проблему решают Hooks

Hooks решают несколько ключевых проблем классовых компонентов React: 1. **Сложность повторного использования логики** — с Hooks можно выделять логику в отдельные функции (кастомные хуки), избегая HOC и render props. 2. **Громоздкие классы** — хуки позволяют использовать state и lifecycle-методы в функциональных компонентах, упрощая код. 3. **Проблемы с `this`** — функциональные компоненты с хуками избавляют от привязки контекста (`this`) и ошибок, связанных с ним. 4. **Сложность организации кода** — логика разбивается на отдельные хуки (`useState`, `useEffect`), а не размазывается по методам (`componentDidMount`, `componentDidUpdate`). Пример: ```jsx // До хуков class Counter extends React.Component { state = { count: 0 }; increment = () => this.setState({ count: this.state.count + 1 }); render() { return {this.state.count}; } } // С хуками function Counter() { const [count, setCount] = useState(0); return setCount(c => c + 1)}>{count}; } ```