Reset form after form submission succeed

Hi there ! I was wondering how i can reset my form on successful submit ? Seems that we don’t have access to the reset() function in onSubmit(). How can i handle that ? Thanks for the work by the way , react-final-form is awesome 😃

[Aeon-Avinash]

Works perfectly with async/await

onSubmit={async event => {
              await handleSubmit(event)
              form.reset()
            }}

I tried various suggestions to reset the form on successful submission but to no avail. I was just about to give up on Final Form and move back to Formik.

But then I tried my luck with async/await and it works like a charm! Thanks Final Form 🥇

[michalmodrzejewski]

Final-form introduced new type in 4.20 version https://final-form.org/docs/final-form/types/FormApi

Quote from docs: “restart () => void Resets all form and field state. Same as calling reset() on the form and resetFieldState() for each field. Form should be just as it was when it was first created.”

Example code: const onSumbit = form => setTimeout(() => form.restart()) or with destructuring const onSumbit = { restart } => setTimeout(() => restart())