🌱 Controlled and uncontrolled form inputs in React don't have to be complicated

Source

Uncontrolled inputs are like traditional HTML form inputs, you have to pull the value from the ref when you need it

Controlled inputs are more the React way and uses value and onChange and you have to store the value in state somewhere.

featureuncontrolledcontrolled
one-time value retrieval (e.g. on submit)
validating on submit
instant field validation
conditionally disabling submit button
enforcing input format
several inputs for one piece of data
dynamic inputs
Made by Brandon . If you find this project useful you can donate.