Uncontrolled Components
lastmod 2026-11-10created 2026-04-032 edits
Uncontrolled Components are a way of writing components in which form input values are kept by the DOM itself rather than by the framework's state. In React, value is not bound to state; only defaultValue is given, and the value is read from the DOM via ref when needed. This takes less code and has lower rendering cost than controlled components, which update state on every input, but if real-time validation or value transformation during input is needed, controlled components are a better fit.