react-custom-hooks-utils/src/useForm.js

This library contains a collection of reusable React custom hooks to simplify state management, side effects, and user interactions.

import { useState } from 'react';

function useForm(initialValues, validate) {
  const [values, setValues] = useState(initialValues);
  const [errors, setErrors] = useState({});

  const handleChange = (e) => {
    const { name, value } = e.target;
    setValues({ ...values, [name]: value });
  };

  const handleSubmit = (e) => {
    e.preventDefault();
    const validationErrors = validate(values);
    setErrors(validationErrors);
    if (Object.keys(validationErrors).length === 0) {
      console.log('Form submitted:', values);
    }
  };

  return { values, errors, handleChange, handleSubmit };
}

export default useForm;