表格提交后，Formik Field不会清算

Posted 2021-03-27

所以我有一个使用formik的组件，并有一个子组件来更新其中一个字段。

子组件：

 this.props.formik.setFieldValue("keywords", target.value, false);

这可以很好地获得更新的值，但在提交表单后我想清除所有字段。但不知何故，该领域的价值得以保留。

我试过了

• Resetform
• setFieldValue("keywords", '', false);
• values.keywords = ''参加onSubmit活动

没有人在工作

答案

在从<Formik />返回的onSubmit prop中，您将收到与这些值关联的值和操作。在该返回内部调用重置actions.resetForm()应该可以解决您的问题。

onSubmit = {
    (v: IRegisterFormValues, a: FormikActions<IRegisterFormValues> ) => {
        AuthService.register(v.email).then(
            res => {
                a.resetForm()
            }
        )
    }
}