States

In React, states are internal variables of components. Any change in the value of a state is instantly reflected in the rendered component in real-time. When 'state' changes, the component responds by re-rendering.

States are local and encapsulated. Neither the parent nor the children know the states of a component. Their values can be passed in a 'unidirectional' manner using props. While 'props' gets passed top-down, 'state' is maintained internally.