Рассмотрим свойства (props) и состояние (props) компонентов.
В предыдущих статьях я уже отмечал, что свойства передаются дочерним компонентам от родительских и они позволяют влиять на внешний вид того или иного компонента, а также на его поведение.
Состояние может меняться внутри конкретного компонента и состояние меняется на протяжении жизненного цикла того или иного компонента.
Давайте посмотрим, как это выглядит визуально.
У нас есть компонент React. Снаружи к нему приходят свойства от его родительского компонента. Родительский компонент может быть только один, но вы можете использовать один и тот же компонент React в разных местах, тем самым у каждого такого экземпляра компонента будут разные родительские компоненты.
Далее внутри компонента React может быть состояние, но некоторые компоненты React могут и не иметь такого состояния. Состояние в компоненте React уже может изменяться на протяжении жизненного цикла компонента.
Хочется отметить ещё раз, что изменение состояния конкретного компонента не влияет на другие вышестоящие по иерархии компоненты, в том числе на родительский компонент, который передаёт свойства текущему компоненту.
Так же каждый компонент React может передавать свойства дочерним компонентам, если такие имеются. При этом у одного компонента React может быть несколько дочерних компонентов.
Краткий итог статьи
- Каждый компонент получает свойства от своего родительского компонента.
- У каждого компонента может быть своё состояние, которое может изменяться на протяжении жизненного цикла компонента в приложении.
- Если у дочернего компонента есть дочерние компоненты, то он может передавать им другие свойства (props).