React Final Form
DocsGithub
Getting Started
Philosophy
Examples
Simple
Record-Level Validation
Field-Level Validation
Submission Errors
🔥High Performance with Subscriptions🔥
Wizard Form
More...
API
<Form/>
<Field/>
<FormSpy/>
useField()
useForm()
useFormState()
Types
FormProps
FormRenderProps
FieldProps
FieldRenderProps
FormSpyProps
FormSpyRenderProps
Migration Guide
from Redux Form
from Formik
FAQ
Getting Started
Philosophy
Examples
Simple
Record-Level Validation
Field-Level Validation
Submission Errors
🔥High Performance with Subscriptions🔥
Wizard Form
More...
API
<Form/>
<Field/>
<FormSpy/>
useField()
useForm()
useFormState()
Types
FormProps
FormRenderProps
FieldProps
FieldRenderProps
FormSpyProps
FormSpyRenderProps
Migration Guide
from Redux Form
from Formik
FAQ
API

useForm()

Edit

useForm()

import { useForm } from 'react-final-form'
() => FormApi

The useForm() hook plucks the FormApi out of the React context for you. It will throw an exception if you try to use it outside of a <Form/> component.

useForm() is used internally inside useField(), <Field/>, and <FormSpy/>.

Docs

Getting StartedAPIFinal Form

Need Help?

Ask on DiscordStack OverflowSubmit an issue

Social

Follow @finalformjsFollow @erikrasStar react-final-form on Github