Функциональные компоненты — это просто функции, которые принимают пропсы и возвращают JSX. Они легче, проще для понимания и поддерживают хуки (с React 16.8). Классовые компоненты — это ES6-классы, расширяющие `React.Component`. Они имеют состояние (`this.state`), методы жизненного цикла (`componentDidMount`, `componentDidUpdate` и т. д.) и доступ к `this`. **Пример функционального компонента:** ```jsx function Greeting({ name }) { return

Hello, {name}!

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

Hello, {this.props.name}!

; } } ``` **Ключевые отличия:** - Функциональные компоненты проще и лаконичнее. - Классовые компоненты сложнее из-за `this` и методов жизненного цикла. - С появлением хуков функциональные компоненты могут делать почти всё то же, что и классовые. - React рекомендует использовать функциональные компоненты для нового кода.