Reset a React Native Formik form from outside the form

Question

I know you can use resetForm in Formik to reset the form in onSubmit. However, is there a way to reset it programmatically by assigning it a ref and calling a rest form method on it somehow?

Answer 1

there is a prop called innerRef to make ref for a formik form

<Formik
   innerRef={(p) => (this.formik = p)}
/>

then use it like this:

onPress={() => this.formik.resetForm()}

Or with a functional component:

const formikRef = useRef();
<Formik
  innerRef={formikRef}
  ...
/>

and then use with

onPress={() => formikRef.current?.resetForm()}