use-form-hook-react

react-use-form-hook

tiny form hook validator

Install

npm install --save react-use-form-hook

Usage

import React, { Component } from 'react';

import useForm from 'react-use-form-hook';

function YourComponent() {
  const {
    values,
    errors,
    isValid,
    handleChange,
    handleSubmit,
    handleBlur,
  } = useForm(yourStateObj, validationsFn, submitFn);

  return (
    <form onSubmit={handleSubmit}>
      <input
        name="firstName"
        value={values.firstName}
        onBlur={handleBlur}
      />
      { errors.firstName && <span>{errors.firstName}</span>}
      <input
        name="lastName"
        value={values.lastName}
        onBlur={handleBlur}
      />
      { errors.lastName && <span>{errors.lastName}</span>}
      <button type="submit" disabled={isValid}></button>
    </form>
  )
}

License

MIT © jesus-castro3