如何从另一个文件导入 yup 模式？答案

【问题标题】：How to import a yup schema from another file?如何从另一个文件导入 yup 模式？
【发布时间】：2020-02-08 21:06:59
【问题描述】：

我想通过将架构放在单独的文件中来组织我的表单代码。我注意到，当我导出一个 yup 模式，然后将其导入另一个模式时，它总是会失败。模式数据似乎是正确的（当我控制台日志时），但是，导入模式的验证永远不会运行。

例子：

myAdditionalSchema.js

export const otherSchema = object({
 someValue: string(),
})

myMainSchema.js

import { otherSchema } from "myAdditionalSchema"

export const constMainSchema = object({
  myValue: string(),
}).concat(otherSchema)

如果我将所有这些模式都放在同一个文件中，我不会遇到此问题，只有在导入它们时才会遇到此问题。

例如，这是有效的：

export const constMainSchema = object({
  myValue: string(),
}).concat(object({
 someValue: string(),
}))

这也有效：

const otherSchema = object({
 someValue: string(),
})

export const constMainSchema = object({
  myValue: string(),
}).concat(otherSchema)

在导入它们时我需要做些什么不同的事情吗？对于上下文，我将它与 Formik 一起使用。

【问题讨论】：

【解决方案1】：

事实证明这确实有效。 number().transform() 存在一个问题，在导入架构时会导致错误（我不完全理解）。但是，当在同一文件中创建架构时，该错误不会持续存在。

【讨论】：