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的学习成本相对较高。