State — это внутреннее состояние компонента, набор данных, который может изменяться в процессе работы компонента. Изменение state приводит к перерисовке компонента.
Props — это внешние параметры, передаваемые компоненту извне, от родительского компонента. Props неизменяемы внутри компонента, который их принимает. Они используются для конфигурации и передачи данных от родителя к потомку.
Основные отличия:
| Характеристика | State | Props |
|---|---|---|
| Источник | Внутреннее компонента | Передаются извне |
| Изменяемость | Может изменяться | Нельзя изменять внутри |
| Цель | Управление внутренним видом | Передача данных и конфигурация |
Пример использования state:
javascriptПример использования props:
javascript