About
A controlled component is a component such as a form element where its state is controlled by React.
The inverse is called a uncontrolled component where the state is controlled by the DOM
In a controlled component, state is handled by the React component
The nature of the state is determined during the first render, it's considered controlled if the value is not undefined.