在React Js中进行表单验证的最佳方式

Question

在angular2中，如果我们想要实现表单验证，我们将使用Directives。 在React中，我们如何才能实现这种验证？

Answer 1

有几种方法：

1. 使用普通javascript
从头开始创建自己的验证
2. 使用浏览器API
3. 或者您可以使用第三方插件，例如＆＃39; ract-validation＆＃39;：https://github.com/Lesha-spr/react-validation

Answer 2

在网络上苦苦挣扎后，这里是我发现在整个反应世界中更有用的一种。通过简化验证工作，它可以使开发人员提高生产力。

尝试使用： Formik

npm install formik --save

  

为什么要使用：   它将节省您编写过多沼泽JSX的麻烦   属性）并直接处理下划线处理（自己编写）   onBlur() onChange()事件处理函数）只是为了实现   验证。

Formik是一个小型库，可以帮助您解决3个最令人讨厌的部分：

• 获取值和使其不符合表单状态
• 验证和错误消息
• 处理表单提交

通过将以上所有内容集中在一起，Formik可以使事情井井有条，轻松进行测试，重构和推理。

Answer 3

您应该尝试Formik。 我目前正在一个项目中使用它，并且运行得很好。

根据他们在github中的readme.md，他们说： “ Formik是一个小型图书馆，可帮助您解决3个最令人讨厌的部分：

使值处于和不处于表单状态 验证和错误消息 处理表格提交 通过将上述所有内容集中放在一个位置，Formik可以使事情井井有条，轻松进行测试，重构和推理。”