Custom Hooks in React (Form Input State Management)

useForm.js

import { useState } from 'react';

export const useForm = initialValues => {
 const [values, setValues] = useState(initialValues);
 
  return [
    values,
    e => {
      setValues({
         ...values,
         [e.target.name]: e.target.value
      });
    }
  ];
}