formik.status setStatus未更新- Formik未定义

Question

在收到来自服务器的错误响应后，我正在尝试手动设置我的formik实例的状态：

  const formik = useFormik({
    initialValues: {
      email: "",
      password: "",
    },
    onSubmit: async ({ email, password }, { setStatus }) => {
      try {
        const response = await loginUser({
          variables: {
            email,
            password,
          },
        });
      } catch (error) {
        await setStatus({ email: error.message, password: error.message });

        console.log(formik.status);
      }

      formik.resetForm();
    },
    validationSchema: Yup.object().shape({
      email: Yup.string(),
      password: Yup.string(),
    }),
  });

日志记录状态打印undefined。

为什么没有设置状态？

Answer 1

我想通了。

使用resetForm可清除表单状态和错误。

为了解决这个问题，我手动清除了这两个字段：

  initialValues={{
    email: "",
    password: "",
  }}
  onSubmit={async ({ email, password }, { setStatus, setFieldValue }) => {
    try {
      const response = await loginUser({
        variables: {
          email,
          password,
        },
      });
    } catch (error) {
      setStatus({
        email: "Shit",
      });

      setFieldValue("email", "");
      setFieldValue("password", "");
    }
  }}
  validationSchema={Yup.object().shape({
    email: Yup.string(),
    password: Yup.string(),
  })}