on dc028a2 help sign in
bridge/src/form/ValuesHandler.js
24 lines 574 B history raw
1import { useEffect } from 'react';
2import { useFormState, useForm } from 'react-final-form';
4/**
5 * ValuesHandler notifies callback function when form values change.
6 */
7export default function ValuesHandler({ onValues }) {
8 const form = useForm();
9 const { valid, validating, values } = useFormState({
10 subscription: {
11 valid: true,
12 validating: true,
13 values: true,
14 },
15 });
17 useEffect(() => {
18 if (!validating) {
19 onValues && onValues({ valid, values, form });
20 }
21 }, [form, onValues, valid, validating, values]);
23 return null;