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

Question

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

Answer 1

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

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

然后像这样使用它:

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

或者使用功能组件:

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

然后与

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