В этой статье показано, как я организовал проверки на уровне полей с помощью Yup и Formik.

Исходя из избыточной формы, я пропустил функциональность, чтобы предоставить массив валидаторов для функции проверки библиотеки, в данном случае Formik. Поэтому я сам написал функцию проверки и разделил всю систему на 4 файла (файл сообщений опущен).

  1. Сначала создайте Validate.js со следующим кодом:

Функция schemaValidate получит уникальную или массив схем Yup для проверки.

2. Создайте Schema.js со схемами, например:

3. Затем просто используйте его в форме Formik или любой другой форме с функцией проверки, например:

Это была моя первая статья на Medium. Я надеюсь, что это поможет всем, кто хочет организовать свои валидаторы.

Извините за плохой английский.