从表单外部重置 React Native Formik 表单

Question

我知道您可以resetForm在 Formik 中使用以重置onSubmit. 但是，有没有办法通过为它分配一个 ref 并以某种方式调用它的 rest 表单方法来以编程方式重置它？

Answer 1

有一个名为 innerRef 的道具可以为 formik 表单制作 ref

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

然后像这样使用它：

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

或者使用功能组件：

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

然后使用

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