有条件地改变 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 (将#修改为@）