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!')
      })
    })