Պատմեք ձեր աշխատանքը Formik և Yup-ով: որքան բարդ էին ձեր գրած ձևանմուշները, ինչպես կառուցեցիք վալիդացիայի սխեմաները?

Formik React-ում ձևերի վիճակի կառավարելու գրադարան է, իսկ Yup-ը տվյալների վավերացման համար է։ Ես աշխատել եմ տարբեր բարդության ձևերի հետ՝ պարզից մինչև բազմակողմանի և դինամիկ ձևեր։

Yup-ով վավերացման սխեմաներ կառուցելու համար օգտագործել եմ մեթոդների շղթաներ, օրինակ՝

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Անվավեր էլփոստի ձևաչափ').required('Պարտադիր դաշտ'),
  password: Yup.string().min(8, 'Նվազագույնը 8 նիշ').required('Պարտադիր դաշտ'),
  age: Yup.number().min(18, 'Տարիքը պետք է լինի առնվազն 18').nullable(),
});

Formik-ը ինտեգրվում է Yup-ի հետ validationSchema հատկության միջոցով, ինչը թույլ է տալիս ավտոմատ վավերացնել ձևը փոփոխությունների ժամանակ։ Կոմպլեքս ձևերի համար ես բաժանել եմ սխեման մասերի և համադրել դրանք, ինչպես նաև օգտագործել պայմանական վավերացում ձևի վիճակի վրա հիմնված։