1.0.0 • Published 4 years ago
use-form-hook-react v1.0.0
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
1.0.0
4 years ago