Tengo dos cadenas de fecha start_date y end_date . A continuación, tiene una cadena vacía como valor inicial:
export interface FilterSchema { start_date?: any; end_date?: any; } const initialValues: FilterSchema = { start_date: '', end_date: '', }; Inicialmente ambos están vacíos. Pero si se selecciona uno de ellos, entonces también se debe seleccionar otro. Si no se selecciona ninguno de ellos, entonces no hay necesidad de validación. Así que usé yup para esto de la siguiente manera:
const filterSchema = yup.object().shape({ start_date: yup.string().when('end_date', { is: value => value && value != '', then: yup.string().required('Required'), }), end_date: yup.string().when('start_date', { is: value => value && value != '', then: yup.string().required('Required'), }), });Pero recibo un mensaje de error:
Cyclic dependency, node was: "end_date"
Estoy usando filterSchema en Formik :
<Formik onSubmit={facilityFilter} validationSchema={filterSchema} ....Los campos que dependen de otro campo deben construirse en el orden correcto, es decir, si la fecha de finalización depende de la fecha de inicio, entonces la fecha de inicio debe ir primero, sin embargo, en su caso, desea validar después de que todo esté construido. Sí, no puede resolver esto, por lo que arroja el error de dependencia cíclica. Si desea decirle a Yup que ignore el orden, puede agregar una matriz de pares de campos al segundo argumento en el método de forma
const filterSchema = yup.object().shape({ start_date: yup.string().when('end_date', { is: value => value && value != '', then: yup.string().required('Required'), }), end_date: yup.string().when('start_date', { is: value => value && value != '', then: yup.string().required('Required'), }), }, [["start_date", "end_date"]]);No es la mejor solución para lidiar con las dependencias cíclicas, como lo señala aquí el creador de yup: https://github.com/jquense/yup/issues/720