如何将 Formik 中的 isInitialValid 和 validateOnMount 迁移到 initialErrors？

如何解决如何将 Formik 中的 isInitialValid 和 validateOnMount 迁移到 initialErrors？

由于 isInitialValid is now deprecated 和 validateOnMount 似乎遇到了问题（整个应用程序中的提交按钮闪烁，isValid 从 true 更新为 false 并返回）。 官方文档似乎不太适合解释 migration away from isInitialValid，而闪烁的 validateOnMount 问题似乎是提到的已知问题 here。

我想使用 initialErrors 将使用这两种类型的表单迁移到新的表单。现在，为了使其可在整个项目中重复使用，可能类似于一个单独的实用程序函数，它从我的初始 Formik 值和模式（验证模式，使用 yup）创建一个错误对象。

const validationSchema = Yup.object({ 
  firstName: Yup.string() .max(15,'Must be 15 characters or less') .required('required'),lastName: Yup.string() .max(20,'Must be 20 characters or less') .required('required'),});

const initialValues = {
  firstName: '',lastName: '',};

const MyFormIsInitialValid = () => (
  <Formik 
    initialValues={initialValues} 
    validationSchema={validationSchema} 
    isInitialValid={ true }
  />
);

const MyFormValidateOnMount = () => (
  <Formik 
    initialValues={initialValues} 
    validationSchema={validationSchema} 
    validateOnMount={ true }
  />
);

被这种实现取代：

const MyFormInitialErrors = () => (
  <Formik 
    initialValues={initialValues} 
    validationSchema={validationSchema} 
    initialTouched={{ firstName: true,lastName: true }}
    initialErrors={{ firstName: "required",lastName: "required" }} /* but this being generated with the validation schema and initial values in mind */
  />

);

我怎样才能正确而稳健地做到这一点？

Formik：2.2.6，React：17.0.1，Redux：4.0.5，是的：0.32.8