reactjs - 如何对yup中的单个值进行多次验证？

Question

在服务器端使用 joi，我可以进行多个验证，例如 id: [joi.string().email(), joi.string().min(10)].

我们如何在前端使用 formik 和 yup 做到这一点？我浏览了文档，但仍然没有成功。

Answer 1

你应该像这样尝试是的。

const formikEnhancer = withFormik({
      validationSchema: Yup.object().shape({
        name: Yup.string().strict(true).lowercase('Name must be lowercase').matches(/^\S+$/, 'Name must not contain spaces').matches(/^(?:(?!\.).)*$\r?\n?/, 'Name must not contain period').max(10, 'Maximum of 10 characters')
          .required('Name is required!'),
         email: Yup.string().strict(true).lowercase('Email must be lowercase').required('Email is required!')
      })
    })