0

tengo un formulario en react y utilizo el esquema de validación de YUP. Tengo un objeto estado:{nombre: ""} Dependiendo del valor de este estado, otros campos deberian ser obligatorios. Encontre la funcion .when. En el siguiente ejemplo, si el estado es diferente a "FF" y "GG" el campo debe ser obligatorio.

export const formValidation = Yup.object().shape({
  estado: Yup.object({
    nombre: Yup.string().required("Required"),
  }),

  edad: Yup.number()
    .when("estado.nombre", {
      is: (value) => value !== "FF" && value !== "GG",
      then: Yup.number().required("Required"),
      otherwise: Yup.number(),
    })
});

El ejemplo funciona perfectamente, si en el campo estado se ingresa FF o GG, edad deja de ser obligatorio. Pero cuando uso esa misma logica en un objeto o array. deja de funcionar

export const formValidation = Yup.object().shape({
  estado: Yup.object({
    nombre: Yup.string().required("Required"),
  }),

  edad: Yup.number()
    .when("estado.nombre", {
      is: (value) => value !== "FF" && value !== "GG",
      then: Yup.number().required("Required"),
      otherwise: Yup.number(),
    })

  departamento: Yup.object({
    nombre: Yup.string().when("estado.nombre", {
      is: (value) => value !== "FF" && value !== "GG",
      then: Yup.string().required("Required"),
      otherwise: Yup.string(),
  }),
});

Seguramente no funcione el value, dentro de otros objetos o array, como podria solucionarlo ?

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.