react-connect-form
Controlled forms for React.
Quick Links
Examples
Basic
import Form Field Submit from "react-connect-form" const UserForm = <Form => <Field ="first_name" ="text" ="First name" /> <Field ="last_name" ="text" ="Last name" /> <Field ="email" ="text" ="Email" /> <Submit>Submit</Submit> </Form>
Validation
import Form Field Submit from "react-connect-form"import regex from 'regex-email' { if !regex return "Please enter a valid email address" } const EmailForm = <Form => <Field ="email" ="text" ="Email" = /> <Submit>Submit</Submit> </Form>
Async Validation
import Form Field Submit validators from "react-connect-form"const isEmail = validators { return resolve reject } const EmailForm = handleSubmit <Form => <Field ="email" ="text" ="Email" = /> <Submit>Submit</Submit> </Form>