formik seterrors重置其他字段

Question

我有一个表格，我在其中使用formik和验证范围，例如

const formik = useFormik({
  enableReinitialize: true,
  initialValues: {
    name: insurer && get(insurer, "name", null),
    surname: insurer && get(insurer, "surname", null),
    postalCode: insurer && get(insurer, "postalCode", null),
  },

  onSubmit: (values: any) => {},
  validationSchema: Yup.object().shape({
    name: Yup.string()
      .typeError("Preenche este campo")
      .required("Preenche este campo"),
    surname: Yup.string()
      .typeError("Preenche este campo")
      .required("Preenche este campo"),
  }),
});

，您可以看到我有三个字段名称，即Surename和PosteralCode，我还为姓名和姓氏定义了验证，邮政编码，我正在击中一个api，返回falses对于无效的邮政编码，

因此当我提交表格时，我会看到

Object { surname: "Preenche este campo", name: "Preenche este campo" }

现在的错误，如果我开始键入邮政代码，我会从API中收到错误，然后将其设置

formik.setErrors({postalCode:'error in postal code' });

类似

console.log(formik.errors)

为 仅查看此字段的错误，然后重置另一个字段错误

Object { postalCode: "error in postal code" }

Answer 1

formik.seterrors应用于所有错误，{postalcode：'邮政编码中的错误'}只是许多其他错误的特定错误，因此，当您将其设置为单独时，已经消除了所有其他字段的错误。

在这种情况下，您应该将其他字段的错误formik.errors与更新的错误一起。

formik.setErrors({ ...formik.errors, postalCode:'error in postal code' });