Interactive card details form with React, Formik, Yup, Sass

Community feedback

• 

  P

  Mohammad Baragbah•240

  @duniandewonPosted over 1 year ago

  Hi ricardo... I see you have setup your form validation with yup but didn't implement it. You already installed formik so maybe you can do something like this.

  const validationSchema =  Yup.object().shape({ // Your validation schema });
  
  const { values, errors, touched, handleChange, handleBlur, handleSubmit } =
  useFormik({
  initialValues: {
  value1: "",
  value2: "",
  },
  onSubmit: (event) => { // do something here },
  validationSchema,
  });
  

  0

  ---

  

  Ricardo Fuentes Urbina•370

  @RicardoFuentes437Posted over 1 year ago

  @duniandewon Hello, thanks for your comment :) i'm sorry but i'm not sure what you mean, i thought i did implement the validation, i named it CardSchema and in this part of the code i pass the schema to Formik

  <Formik
  initialValues={initialValues}
  validationSchema={CardSchema}
  onSubmit={async (values) => {
  submitDetails();
  }}
  >
  
  

  i even made some tests to see if the error messages show up and they do, do the error messages show on your end?

  0