The input is controlled — its value is bound to React state. But the field rejects every keystroke. Why?
Symptoms
- Typing into
#name does nothing
- The display below the input never updates
Your Task
Make typing work and see the display update live.
Think about it: when you set value={something} on an input, React owns its content on every render. If state never moves, neither does the input. What’s the contract you owe React when you make an input controlled?