Luego de de una larga búsqueda de datos pudimos solucionar esta incógnita que pueden tener algunos de nuestros lectores. Te brindamos la respuesta y nuestro objetivo es que te sea de gran ayuda.
Ejemplo: formik y yup
importReactfrom'react';importFormik,Field,Form,ErrorMessagefrom'formik';import*asYupfrom'yup';constSignupForm=()=>return(<Formik
initialValues= firstName:'', lastName:'', email:''
validationSchema=Yup.object(
firstName:Yup.string().max(15,'Must be 15 characters or less').required('Required'),
lastName:Yup.string().max(20,'Must be 20 characters or less').required('Required'),
email:Yup.string().email('Invalid email address').required('Required'),)
onSubmit=(values, setSubmitting )=>setTimeout(()=>alert(JSON.stringify(values,null,2));setSubmitting(false);,400);><Form><label htmlFor="firstName">FirstName</label><Field name="firstName" type="text"/><ErrorMessage name="firstName"/><label htmlFor="lastName">LastName</label><Field name="lastName" type="text"/><ErrorMessage name="lastName"/><label htmlFor="email">EmailAddress</label><Field name="email" type="email"/><ErrorMessage name="email"/><button type="submit">Submit</button></Form></Formik>);;exportdefaultSignupForm;
Recuerda que tienes la capacidad de añadir una valoración acertada si diste con el arreglo.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)