如何使用 react hook 表单和 yup

问题描述

const formOption = {
 config = [

      {
        label: 'Password',name: 'password',type: 'password',rules: yup.string().required()
      },{
        label: 'Confirm password',name: 'confirmpass',rules: yup.string().required()
      }
    ]
}

如何使用 react hook 和 yup 验证密码和确认密码不相等？

因为我要做的是在确认密码不等于密码时添加验证。

解决方法

您可以像这样使用 test() API

const formOption = {
 config = [

      {
        label: 'Password',name: 'password',type: 'password',rules: yup.string().required()
      },{
        label: 'Confirm password',name: 'confirmpass',rules: yup
                .string()
                .required()
                .test(
                 'passwords-match','Passwords must match',(value) => this.parent.password === value)
                )
      }
    ]
}

见doc