This project exists thanks to all the people who contribute. See 🏁 Final Form's validate docs for more information. validate?: (values:Object) => Object | PromiseĪ record level validation function.

See 🏁 Final Form's onSubmit docs for more information. UseForm takes two parameters: onSubmit : (values:Object) => ?Object | Promise | void Returns an object similar to FormRenderProps. subscription? : FieldSubscriptionĪ subscription of which parts of field state to be notified about. validate? : (value:any) => anyĪ field-level validation function that takes the current value and returns undefined if it is valid, or the error if it is not. UseField takes four parameters: name : string Returns an object similar to FieldRenderProps. The following can be imported from react-final-form-hooks. Ĭonclusion: If your app has a couple of small ( elements. This means that you cannot use useField in the same function that is rendering your, because useField must be inside the. React-final-form v5 requires that you wrap your entire form in a component that provides the form instance via context to its descendants. It will also, by necessity, rerender your entire form on every value change. This allows you to create your entire form in a single functional component, like the MyForm example above. React-final-form-hooks does not put the form instance into the React context, but rather forces you to pass the form instance to useField so that the field can register itself with the form.

react-final-form v5 is a more robust, battle-tested solution that involves creating more components and structure around your form.

react-final-form-hooks is a lightweight, simple solution for quickly getting a form up and running in a single render function, but allows for no performance optimization.

What's the difference between react-final-form-hooks and the hooks introduced in react-final-form v5?

validate?: (values:Object) => Object | Promise.

onSubmit : (values:Object) => ?Object | Promise | void.

What's the difference between react-final-form-hooks and the hooks introduced in react-final-form v5?.

Download react final form examples