Как реализовать глобальную проверку формы в React App? - PullRequest
0 голосов
/ 08 мая 2019

У меня есть проект, написанный на vanilla-JS, он содержит 10 форм в разных частях приложения.Все формы / входные данные проверяются с помощью validation.js, который проверяет их на различные критерии и предотвращает отправку, если что-то не так.

Теперь я хочу создать такую ​​же или похожую проверку в моем новом приложении реакции, которое также будет иметь примерно 10 форм:

Я начал с Login.js, у него есть форма снесколько входов и проверяется непосредственно в компоненте, используя onSubmit и локальное состояние компонента.Хотя он работает нормально, я не хочу писать эту проверку еще 9 раз в других компонентах.

Также нельзя писать один Form.js и использовать его везде, так как почти все формы выглядят оченьразные и служат разным целям, единственное, что у них общее: все они должны быть проверены перед отправкой.

Кто-нибудь посоветует по моей проблеме?Или, может быть, ссылка, где обсуждался подобный вопрос?

1 Ответ

0 голосов
/ 08 мая 2019

В то время как проверки HTML5 кажутся достаточными для базовых сценариев, Formik (см. Formik ) охватывает более сложные формы / сценарии проверки в реакции. Например. если проверка зависит от других полей. Стоит посмотреть.

...