← React Intermediate Questions - Set 4 Q38

What are controlled and uncontrolled forms in React?

React Intermediate Questions - Set 4

Example

1
2
3
4

<input value={v} onChange={e => setV(e.target.value)} />   // controlled
<form onSubmit={e => console.log(new FormData(e.target))}>  // uncontrolled
  <input name="email" />
</form>

What to notice

• `FormData` reads every field at once — the cleanest uncontrolled pattern.