React состоит из четырех типов компонентов.

1. Компоненты без состояния

Компоненты без состояния — это простые функции с небольшой или нулевой логикой. У него нет состояния.

<Example code>

  • Нет состояния
  • Никаких сложных расчетов
  • Стили на основе свойств

2. Базовые компоненты/компоненты с отслеживанием состояния

Базовый компонент имеет состояние и/или жизненный цикл.

<Example code>

3. Интерактивный компонент

Это просто базовый компонент, который меняет свое состояние при взаимодействии с пользователем.

<Example code>

4. Расширенный компонент

Компонент, который использует функции другого компонента для стилей и действий, которые действуют как повторно используемые компоненты.

<Example code>