The controlled components in React are considered as those components which can maintain their state. The data is controlled by the parent component, and they take into consideration the current values using props and thereafter, notify the changes using callbacks.
An input form element whose value is controlled by React in this way is called a “controlled component”. Controlled components have functions that govern the data passing into them on every onChange event occurs. This data is then saved to state and updated with setState method. It makes component have better control over the form elements and data.