Design Patterns · Junior · Question 53 of 75

How does a controlled input differ from an uncontrolled one?

✓Correct answer: A controlled input's value comes from props/state and changes through callbacks; an uncontrolled one keeps its own state in the DOM
2Uncontrolled inputs can't be submitted
3Controlled inputs don't fire events

Explanation

Controlled components are easier to validate and sync; uncontrolled ones are simpler and can be read with a ref or FormData.

Further reading

React: Controlled and uncontrolled components ↗

Test yourself

Take the Design Patterns · Junior quiz: questions and options are shuffled, and you get a review of your mistakes at the end.