Estoy trabajando con React y Formik.
Aquí está mi archivo de validación desde donde exporté dos esquemas de validación
validación.js
export const facValidation = Yup.object().shape({
facebookcaption: Yup.string().required("Required"),
});
export const insValidation = Yup.object().shape({
instagramcaption: Yup.string().required("Required"),
});
Ahora en mi componente lo estoy usando así
import { facValidation, insValidation } from "./validation";
<Formik
initialValues={initialState}
validationSchema={insValidation ? facValidation : { ...facValidation, ...insValidation }}
onSubmit={handleSubmit}
>
{({ errors, touched }) => <Form></Form>}
</Formik>
Básicamente, tengo que fusionar ambos objetos condicionalmente. ¿Cómo puedo hacer eso?
Use concat para fusionar dos esquemas
validationSchema={insValidation ? facValidation : facValidation.concat(insValidation)}