Что означает состояние компонента в React?

Question

[Space Around]

Затрудняюсь в понимании слова состояние по отношению к компоненту, а так же к приложению в React. При изучении React, лично я понял таким образом, что есть компонент в котором существуют инкапсулированные переменные хранящиеся в объекте state, то есть можно напихать любые переменные, которые будут использованы, но не имеющие никого отношения к состоянию. Например, есть компонент человек, внутри которого существует объект state, туда можно записать ill: false, mood: 5 и т.д., но изучая React по всей видимости в тот же state записать и finger: 20, hand: 2, но эти переменные не имеют никакого отношения к описанию состояния человека.
Если кто-то сможет доходчиво объяснить смысл состояние в данном контесте буду признателен!

Answer 1

[Khan Bifov]

Если у твоего человека меняется количество пальцев или рук и от этого изменения зависят какие-то части твоего приложения, то количество пальцев и рук хранится в стейте. Если твой человек перманентно болен или грустит - этим переменным (т.е. константам) делать в состоянии нечего.

Состояние - это набор данных, которые могут меняться в рантайме, от которых зависит твое приложение. Не важно, есть ли у данных предопределенное количество состояний (ill: true/false -> 2, likes: ... -> infinity), важно, что изменение этих данных влияет на работу приложения (перерисовку UI)

Стейт менеджмент - это основная причина существования подобных фреймворков/библиотек, поэтому стоит изучить вопрос.