不管是什么样的前端应用,表单都是重要的一个组件。

根据需求场景不同,表单有时候会非常复杂,元素很多,同时元素又有不同的校验规则。

表单系统

在 React 中,表单有受控open in new window非受控open in new window两种。

尽管我们可以使用 React 直接构建表单系统,但是要想有一个完善的表单紫铜,开发量很大。好在社区里已经有了几个比较优秀的解决方案。

通常我们会对表单和表单组件进行必要的封装,使得这些组件能更好的满足应用的需求。下面是封装的样例。

表单封装样例open in new window

组件封装样例open in new window

表单校验

表单校验是一件复杂且繁琐的工作。我们可以使用下面的几个社区方案来帮助我们减轻工作负担。

这里有一份表单校验配置样例open in new window

关注微信公众号,获取最新推送~