useForm
Make form easily with react hooks
The most simple react form hook.
Installation
npm i --save form-react-hooks
Usage
Form
check basic example
import useForm from 'form-react-hooks';import validate from './validate'; { let { // submit values } let handleChange handleSubmit values errors = return <React.Fragment> <form ="container" => <div ="form-group"> <label>Email address</label> <input ="text" ="email" ="form-control" ="Enter email" = /> errors'email' && <small ="form-text text-danger">errors'email'</small> </div> <div ="form-group"> <label>Password</label> <input ="password" ="password" ="form-control" ="Password" = /> errors'password' && <small ="form-text text-danger">errors'password'</small> </div> <input ="btn btn-primary" ="submit" ="Submit" /> </form> </React.Fragment> ;} ;
Validate
const validate = { let errors = ; if !valuesemail errorsemail = 'Required'; else if !/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i errorsemail = 'Invalid email address'; if !valuespassword errorspassword = "required" else if valuespasswordlength < 5 errorspassword = "password must be at least 5 characters" return errors;}
License
MIT