Pastāstiet par savu darbu ar Formik un Yup: cik sarežģītas bija jūsu rakstītās formas, kā jūs veidojāt validācijas shēmas?

Formik ir React ir formu stāvokļa pārvaldības bibliotēka, bet Yup ir datu validācijai. Es strādāju ar dažādas sarežģītības formām: no vienkāršām ar dažiem laukiem līdz daudzsološām un dinamiskām formām.

Lai būvētu validācijas shēmas ar Yup, es izmantoju metožu ķēdes, piemēram:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Nepareizs e-pasta formāts').required('Obligāts lauks'),
  password: Yup.string().min(8, 'Vismaz 8 rakstzīmes').required('Obligāts lauks'),
  age: Yup.number().min(18, 'Vecums jābūt vismaz 18').nullable(),
});

Formik integrējas ar Yup caur validationSchema īpašību, kas ļauj automātiski validēt formu izmaiņu laikā. Sarežģītākām formām es sadalīju shēmu daļās un tās apvienoju, kā arī izmantoju nosacītu validāciju atkarībā no formas stāvokļa.