Jul 2, 2019 in React JS

What are controlled components?

1 Answer

0 votes
Jul 2, 2019

The component containing the form will keep track of the value of the input in it's state and will re-render the component each time the callback function e.g. onChange is fired as the state will be updated. A form element whose value is controlled by React in this way is called a "controlled component".

With a controlled component, every state mutation will have an associated handler function. This makes it straightforward to modify or validate user input

Related questions

0 votes
Feb 23 in React JS
0 votes
Dec 8, 2020 in React JS