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