Controlled And Uncontrolled Inputs with React 

Indeed, you have the shorter (but a bit less comprehensible for beginners) version to handle the controlled inputs : const handleChange = e => { setInpData({ ...state, [e.target.name]: e.target.value }); }

Nice explanation. Thank you!