formik表单验证不工作reactjs

Question

遵循本教程{form {3}}进行formik表格验证，并在实施验证时遇到问题

validationSchema: Yup.object().shape({ email: Yup.string().email().required(), password: Yup.string().min(6).required() }),

我的本​​地环境没有收到任何错误消息，但在我的代码框中，我收到以下错误<{1}}

这是非常直接但我不知道足够调试（仍然是新的反应和formik）感谢下面的所有帮助是完整的源代码＆amp;这里还有一个指向codeandbox的链接

https://www.youtube.com/watch?v=yNiJkjEwmpw&t=1578s

TypeError
Cannot read property 'object' of undefined

Answer 1

我不确定它为什么在本地运行而不是在代码框上，但我可以告诉你它知道它不适用于代码框。

Yup没有默认导出，例如export { string, object etc }。请参阅：https://github.com/jquense/yup/blob/master/src/index.js

执行import Yup from 'yup'意味着Yup为undefined。如果您想使用导入语法，可以执行import * as yup from 'yup'然后执行yup.object()或使用require - var yup = require('yup')

Answer 2

import * as Yup from 'yup'

不确定为什么行得通，但是我遇到了同样的问题，并且对我有用。