Какие два основных вида компонентов существуют в React?

В React существуют два основных вида компонентов:

1. Функциональные компоненты (Functional Components) — это функции, которые принимают props и возвращают JSX. Они проще и легче, особенно с появлением хуков, которые позволяют использовать состояние и другие возможности React.

2. Классовые компоненты (Class Components) — это ES6 классы, которые наследуются от React.Component и имеют методы жизненного цикла, состояние (state) и другие возможности.

Пример функционального компонента:

function Greeting(props) {
  return <h1>Привет, {props.name}!</h1>;
}

Пример классового компонента:

class Greeting extends React.Component {
  render() {
    return <h1>Привет, {this.props.name}!</h1>;
  }
}