Add a Form onChange Callback

[oliviercperrier]

Feature request

Current Behavior

Currently there is not way to detect changes globally on a Form. The only way to detect changes is to add a callback on every input fields within the form.

Desired Behavior

It would be very use full to have an onValuesChange callback function on the Form it self, pretty much like Ant Design does: here

Suggested Solution

When ever a form.handleChange is called, the onValuesChange callback must be called.

Who does this impact? Who is this for?

Would be use full to anyone.
I'm trying change the state of the submit button only when some values has changed and it would be much easier with this callback.

Describe alternatives you've considered

None

Additional context

None

[abouolia]

+1

[raisaken]

+1

[pmpwith2i]

@oliviercperrier does not we have already the onChange prop for the Form component?
Like this:

<Form onChange={(e) => {console.log('form onChange', e)}}>

[fanguangyi]

@oliviercperrier does not we have already the onChange prop for the Form component? Like this:

<Form onChange={(e) => {console.log('form onChange', e)}}>

This is useless if we are using third party input components.

[pmoradei]

Hi, I agree it would be a nice feature. Meanwhile it's is possible to use useFormikContext with a useEffect hook to detect change globally on a Form as described here :

https://formik.org/docs/api/useFormikContext

Hope it helps