How do you use useState to track user input?
WHAT IT TESTS: Whether you know useState basics for controlled inputs. ANSWER OUTLINE: Initialize with useState at top level, bind input value to state, and update via onChange using setter. RED FLAG: Calling useState conditionally or mutating state directly.
WHAT IT TESTS: Whether you understand useState for controlled inputs in React. ANSWER OUTLINE: First, call useState at the top level with an initial value like an empty string to get state and a setter. Second, assign the state to the input value attribute so React controls the element. Third, attach an onChange handler that calls the setter with event target value. RED FLAG: Placing useState inside a loop or condition, mutating state directly, or failing to wire both value and onChange so the input becomes uncontrolled.
Read the original → react.dev
- #react
- #usestate
- #hooks
- #controlled-components
- #forms
Get five bites like this every day.
Tezvyn delivers a daily feed of 60-second tech bites with quizzes to lock in what you learn.