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.
See select controlled component