是的，ObjectSchema 的 ValidationSchema 类型不起作用

Question

• 是的 0.30.0
• @类型/是的 0.29.14

我试图validationSchema通过使用为 Yup 生成可重用的类型定义ObjectSchema，但我不断收到错误

使用 Yup 文档中的示例 https://github.com/jquense/yup#ensuring-a-schema-matches-an-existing-type

interface TestValidationSchema {
  title: string;
}

const validationSchema: Yup.ObjectSchema<TestValidationSchema> = Yup.object({
  title: Yup.string().required()
});

...

 return (
    <Formik
      initialValues={initialValues}
      onSubmit={handleSubmit}
      validationSchema={validationSchema}
    >
...

错误

Type 'ObjectSchema<Shape<object | undefined, { title: string; }>, object>' is not assignable to type 'ObjectSchema<TestValidationSchema, object>'.
  Types of property 'fields' are incompatible.
    Type '{ title: Schema<string, object>; } | undefined' is not assignable to type '{ title: Schema<string, object>; }'.
      Type 'undefined' is not assignable to type '{ title: Schema<string, object>; }'.

我尝试将 的版本升级Yup到 32.11 并得到一个不同的但仍然令人困惑的错误，这让我认为我只是使用ObjectSchema不正确

Type 'OptionalObjectSchema<{ title: RequiredStringSchema<string | undefined, AnyObject>; }, AnyObject, TypeOfShape<{ title: RequiredStringSchema<string | undefined, AnyObject>; }>>' is not assignable to type 'ObjectSchema<TestValidationSchema, AnyObject, TypeOfShape<TestValidationSchema>, AssertsShape<TestValidationSchema>>'.
  The types of 'fields.title' are incompatible between these types.
    Type 'RequiredStringSchema<string | undefined, AnyObject>' is not assignable to type 'string'.ts(2322)

任何帮助表示赞赏。

更新

我刚刚检查了上面返回的类型validationSchema，下面的类型有效。我仍然想知道为什么 Yup 文档中的示例对我不起作用

type ValidationSchema = Yup.ObjectSchema<{
  title: string;
} | undefined, object>

Answer 1

只需更新 yup 和 @types/yup @types/yup 0.29.14 yup 0.32.11 就可以正常工作