React中使用async-validator进行表单验证

原创 守候你的季节 随笔 JavaScript 480阅读 2018-04-26 12:21:58 举报

react中进行表单验证毫无疑问是繁琐的,尤其对于动态添加或删除的表单,其验证逻辑更为复杂, 目前UI框架使用material ui ,但其表单处理不太理想,而后研究了一下另一个UI 框架 ant design, 其对表单的处理大大方便了逻辑的编写, 它使用async-validator处理验证逻辑

目前更换框架毫无疑问是不现实的,于是就想直接引入async-validator,下面描述一个简单的使用,具体信息可以去github上查看

validate.js

Form.js

validateRules.js

综上为一个小demo,在此基础上可以进行更深层次的封装以便使用

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复