formsy-react React表单构建与验证库
表单验证的痛点,formsy-react得还挺灵活。React 里表单这块,写法都不太一样,这个库就是为了让表单和验证更统一。你能把任何组件变成表单输入,比如自定义下拉、滑块啥的,配上验证逻辑也不麻烦。
表单的状态也比较贴心。你可以监听onSubmit
、onValid
这些回调,不同场景下的交互。比如用户填错了,可以把服务端返回的错误信息直接塞进表单,让组件自己变红变提示。
动态表单也支持。比如一个注册表单,用户选择“企业用户”就自动多出几个输入项?没问题,这些新加的元素会自动注册和验证,不用你手动管理一堆状态,挺省心。
安装也简单:
yarn add formsy-react react-dom
常见的打包工具像webpack
、browserify
都能搭配用。对了,它和一些旧库兼容得也不错,你可以参考下 这篇 React 表单库的文章,有提到它的早期用法。
如果你表单逻辑写得头大,不妨试试formsy-react,适合需要自定义组件又想偷懒做验证的场景。
261.43KB
文件大小:
评论区