form表单
FormRender依赖于ant design的组件库。若要单独使用,请确保同时安装了antd。这意味着该解决方案仅适用于antd组件,且在结构上采用了国际通用的JSON Schema规范。
表单联动功能,例如勾选某个表单项时,可以触发显示或隐藏另一个表单项。列表项>
支持自定义组件(widget),以满足特定业务需求。列表项>
列表>
可以覆盖默认组件,并进行相应的映射设置。列表项>
表单的方法(form)与antd的from方法相兼容,可以用于获取值、校验值和设置值。列表项>
列表>
表单功能,可以表单的各种事件。列表项>
提供了表单的生命周期管理,包括加载和提交等环节。列表项>
列表>
适用于展示列表数据,提供最佳的实践方法,如设置标签的宽度和位置。列表项>
例如,若要配置Select组件且数据源需从服务器获取,可在组件加载(onMount)时使用form.setSchemaByPath来实现。列表项>
列表>
官方还开源了fr-generator表单设计器,方便开发者集成到自己的项目中。
通过npm执行命令npm i fr-generator代码>即可进行安装。
FormRender的功能基本上能满足90%的表单需求。对于有特殊需求的场景,开发者可以选择手动实现,或者使用阿里的另一款formilyjs来实现。formilyjs的学习成本相对较高。