使用yup和formik显示价值inisde验证消息

时间:2020-01-16 15:17:59

标签: reactjs validation formik yup

我试图将yup与formik和i18n一起使用。 问题是如何显示带有值本身的错误消息 我的代码是

   retention: Yup.number()
      .test(
        t("Validation {{current}}{{min}}{{max}}", { current: Yup.ref('retention'), min: 12, max: 91 }),
        function (value) {
          return (value > 12 && value <= 91)
        }
      ),

我无法正确看到错误消息,您认为获取Yup.ref的问题

感谢您的帮助!

2 个答案:

答案 0 :(得分:0)

Yup.number()
  .when('retention', (retentionValue, schema) => {
    // you can use the value of retention and modify the schema if you want to.
    return schema;
  })

有关更多信息,请访问官方docs

答案 1 :(得分:0)

最终我找到了答案

  Size: Yup.number()
            .test(
            (Size) =>
                t("Size Validation {{current}}{{min}}{{max}}", { current: Size.value, min: 1, max: 90 }),