提交表单后，Formik字段未清除

Question

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

子组件：

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

这可以很好地获取更新的值，但是在将表单细分后，我想清除所有字段。但是以某种方式保留了该字段的值。

我尝试过

• Resetform
• setFieldValue("keywords", '', false);
• values.keywords = ''在onSubmit事件中

没有任何作用

Answer 1

在<Formik />返回的onSubmit道具中，您将接收到值以及与这些值关联的操作。在该返回中调用Reset actions.resetForm()应该可以解决您的问题。

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