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

问题描述 投票:0回答:1

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

子组件:

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

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

我试过了

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

没有人在工作

reactjs forms formik
1个回答
0
投票

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

onSubmit = {
    (v: IRegisterFormValues, a: FormikActions<IRegisterFormValues> ) => {
        AuthService.register(v.email).then(
            res => {
                a.resetForm()
            }
        )
    }
}
© www.soinside.com 2019 - 2024. All rights reserved.