How do you handle multiple inputs in one form?
Model answer
Keep one state object and give each input a name attribute, then use one handler: setForm({ ...form, [e.target.name]: e.target.value }). Alternatively, use uncontrolled inputs and read everything with new FormData(e.target) on submit.
Learn this topic
React Router: Multiple Pages, Links, Params, Layouts and Protected Routes in the course React.js Full Course: Beginner to Advanced.
Sign in to add your own answer.