React состоит из четырех типов компонентов.
1. Компоненты без состояния
Компоненты без состояния — это простые функции с небольшой или нулевой логикой. У него нет состояния.
<Example code>
- Нет состояния
- Никаких сложных расчетов
- Стили на основе свойств
2. Базовые компоненты/компоненты с отслеживанием состояния
Базовый компонент имеет состояние и/или жизненный цикл.
<Example code>
3. Интерактивный компонент
Это просто базовый компонент, который меняет свое состояние при взаимодействии с пользователем.
<Example code>
4. Расширенный компонент
Компонент, который использует функции другого компонента для стилей и действий, которые действуют как повторно используемые компоненты.
<Example code>