Функциональные компоненты и классовые компоненты в React имеют несколько ключевых отличий: 1. **Синтаксис**: - Функциональные компоненты — это обычные функции JavaScript. - Классовые компоненты — это классы ES6, наследующие `React.Component`. 2. **Состояние (state)**: - В функциональных компонентах состояние управляется через `useState`. - В классовых — через `this.state` и `this.setState()`. 3. **Жизненный цикл**: - Функциональные используют хуки (`useEffect`). - Классовые — методы (`componentDidMount`, `componentDidUpdate` и т.д.). 4. **Производительность**: - Функциональные легче и быстрее, так как не создают экземпляров класса. **Пример функционального компонента:** ```jsx function Greeting() { const [name, setName] = useState("World"); return

Hello, {name}!

; } ``` **Пример классового компонента:** ```jsx class Greeting extends React.Component { state = { name: "World" }; render() { return

Hello, {this.state.name}!

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