Complete custom form validation hook react

Medium

React Custom Form Validation Hook: Completing the useEffect Logic for Error Handling

Complete the missing code in this custom form validation hook:

ReactCustom hooksForm validationReact hooksError handling

1function useFormValidation(initialState) {
  const [values, setValues] = useState(initialState);
  const [errors, setErrors] = useState({});
  const [isSubmitting, setIsSubmitting] = useState(false);
5
  useEffect(() => {
      if (isSubmitting) {
          ________________________
          ________________________
          ________________________
      }
  }, [values, isSubmitting]);
13
  function handleChange(event) {
      const { name, value } = event.target;
      setValues(prev => ({
          ...prev,
          [name]: value
      }));
  }
21
  function handleSubmit(event) {
      event.preventDefault();
      setErrors(validate(values));
      setIsSubmitting(true);
  }
27
  return {
      values,
      errors,
      handleChange,
      handleSubmit,
      isSubmitting
  };
35}

React Custom Form Validation Hook: Completing the useEffect Logic for Error Handling

Hint

Related Questions