我有一个用vanilla-JS编写的项目，它在应用程序的不同部分包含10种形式。所有表单/输入都通过validation.js进行验证，该文件会检查它们是否符合各种条件，并在不合格时阻止提交。
现在，我想在新的react应用中建立相同或相似的验证，该验证也将包含大约10种形式：
我从Login.js开始，它具有包含多个输入的表单，并使用onSubmit和组件的本地状态直接在组件中进行了验证。尽管效果很好，但我不想在其他组件中再写9次此验证。
写一个Form.js并在任何地方重用它也不是一种选择，因为几乎所有表单看起来都非常不同并且具有不同的用途，这是它们唯一的共同点：它们都需要在提交之前进行验证。
有人建议我的问题吗？还是链接，讨论了类似的问题？
答案 0 :(得分：-1)
虽然HTML5验证似乎足以满足基本方案的要求，但Formik（请参阅Formik）涵盖了React中更为复杂的表单/验证方案。例如。如果验证取决于其他字段。值得一看。