Дар бораи кори худ бо Formik ва Yup нақл кунед: чӣ қадар формаҳои мураккаб навиштед, чӣ гуна схемаҳоро барои тасдиқ сохтед?

Formik — ин китобхона барои идоракунии ҳолати формаҳо дар React, ва Yup — барои тасдиқи маълумотҳо. Ман бо формаҳои гуногуни мураккаб кор кардам: аз формаҳои оддӣ бо чанд майдон то формҳои бисёрқадамӣ ва динамикӣ.

Барои сохтани схемҳои тасдиқ бо Yup, ман занҷирҳои усулҳоро истифода кардам, масалан:

import * as Yup from 'yup';

const validationSchema = Yup.object().shape({
  email: Yup.string().email('Формати нодурустии email').required('Майдони зарурӣ'),
  password: Yup.string().min(8, 'Ҳадди ақал 8 аломат').required('Майдони зарурӣ'),
  age: Yup.number().min(18, 'Син бояд ҳадди ақал 18 бошад').nullable(),
});

Formik бо Yup тавассути хосияти validationSchema ҳамгиро мешавад, ки имкон медиҳад, ки форма автоматӣ тасдиқ шавад ҳангоми тағирот. Барои формаҳои мураккаб, ман схемаро ба қисмҳо тақсим кардам ва онҳоро якҷоя кардам, инчунин истифодаи тасдиқи шароитӣ дар асоси ҳолати форма.