Simple Form Data Structure to prevent unnecessary multiple useState.

FormData.js

const [formData, setFormData] = useState({
  name: "",
  email: "",
  etc: ""
});

const onSubmitHandler = (event) => {
  e.preventDefault;
  setFormData({...formData, [event.target.name]: event.target.value})
};