Props и state — это обычные JavaScript-объекты, которые хранят информацию, влияющую на вывод компонента. Но они служат разным целям в React-компонентах.
setState() или хука useState()| Аспект | Props | State |
|---|---|---|
| Источник | Родительский компонент | Сам компонент |
| Изменяемость | Неизменяемый | Изменяемый |
| Использование | Передача данных вниз | Управление внутренними данными |
| Триггер ререндера | Да, при обновлении в родителе | Да, при обновлении |
Используй props для конфигурации компонента со статическими или управляемыми родителем значениями. Используй state для данных, которые меняются внутри компонента — например, значения полей форм или состояния переключателей.
Понимание этого различия критически важно для создания предсказуемых и легко поддерживаемых React-приложений с правильным потоком данных.
Props неизменяемы внутри дочернего компонента, в то время как состояние можно изменять с помощью setState() или хука useState().
Новый — ещё не проверен сообществом
Вы