Para la validaci贸n, lo hice con yup, en FormProduct.js agregue la validacion del esquema al handleSubmit:
const handleSubmit = async (e) => {
e.preventDefault();
const formData = new FormData(formRef.current);
const data = {
title: formData.get('title'),
price: parseInt(formData.get('price')),
description: formData.get('description'),
categoryId: parseInt(formData.get('category')),
images: [formData.get('images').name],
};
console.log(data);
const validation = await ProductSchema.validate(data);
console.log({ validation });
};
y el ProductSchema.js :
import * as Yup from 'yup';
const ProductSchema = Yup.object().shape({
title: Yup.string().min(3).max(40).required(),
price: Yup.number().min(5).max(10000).required(),
description: Yup.string().min(3).max(180).required(),
categoryId: Yup.number().required(),
images: Yup.array().of(Yup.string()),
});
export { ProductSchema };
Saludos!
驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesi贸n.