React多层级表单

时间:2022-10-29 01:21:40

---------------------- 此方案已弃用 ----------------------

弃用原因:

渲染[大型表单]时会卡顿。增加表单项过多会卡顿。小型表单可以使用。

此方案当时设计时,增加及删除表单项是强制整个表单重新渲染,考虑欠佳。

项目中已使用 rc-field-form 重新封装。

rc-field-form 采用增量更新方式,性能比 rc-form 提升很多,提供了 List 组件自带增加删除表单项,仍要考虑避免不必要的更新

ant-design 目前表单用的是 rc-form,V4 版本换成了 rc-field-form。

参考 antd 源码和 rc-field-form。

-----------------------------------------------------------

因项目需要封装的组件,组件库使用的是Ant Design