代码之家  ›  专栏  ›  技术社区  ›  TResponse

使用Yup和Formik自动修剪空白

  •  0
  • TResponse  · 技术社区  · 4 年前

    我使用的是一个Formik React表单和一个模式上定义的Yup验证:

    export const Contact = yup.object<IContact>().shape({
      contactName: yup
        .string()
        .trim('The contact name cannot include leading and trailing spaces')
        .strict(true)
        .min(1, 'The contact name needs to be at least 1 char')
        .max(512, 'The contact name cannot exceed 512 char')
        .required('The contact Name is required'),
    });
    

    有没有办法让Yup在不显示信息的情况下修剪空白区域?所以在提交表单时自动修剪空格?

    1 回复  |  直到 4 年前
        1
  •  2
  •   basarat    4 年前

    有没有办法让Yup在不显示信息的情况下修剪空白

    不是一次转换。formik使用的yup转换仅用于验证。 在传递数据之前,您可以创建一个单独的转换来使用,但是 valueToUse = userValue.trim()