如何解决有条件地改变 Yup Schema
我正在处理用户可以在登录和注册之间切换的身份验证页面。我在同一页面中使用 React、React Hook Form 进行验证和 Yup Schema。在登录中,我需要验证电子邮件和密码。在注册中,我需要验证姓名、电子邮件、密码和确认密码。我不能使用像 when() 这样的条件 Yup 验证,因为 isLoginMode 是 Yup 对象之外的变量。
我想有条件地使用 2 Yup Schema 并像这样编码: isLoginMode ? SigninYupSchema : SignupYupSchema。但是好像不允许在一页中使用2个Yup Schema。
有什么办法可以解决这个问题吗?
// Switch between Login and Register
const [isLoginMode,setIsLoginMode] = useState(true);
// Yup validation
const validationSchema = useMemo(
() =>
Yup.object({
name: Yup.string().required("required"),email: Yup.string().email("Invalid email format"),password: Yup.string().min(
6,"Password is at leasts 6 characters long"
),}),[]
);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。