Как правильно сделать валидацию формы input в react?

1
2
3
4
5

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

1
2
3
4
5
6

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

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

const validateForm = () => {
  let isValid = true;
  if (!formData.name) {
    isValid = false;
    alert('Name is required');
  }
  if (!formData.email) {
    isValid = false;
    alert('Email is required');
  }
  if (!formData.password) {
    isValid = false;
    alert('Password is required');
  }
  return isValid;
};