请教老师一个关于业务的问题

来源:7-1 图标解决方案简介

寂寞追不上我

2020-07-11

请问老师,使用antd实现这种动态的嵌套表单的最佳实践是什么?谢谢~图片描述

写回答

1回答

张轩

2020-07-13

同学你好 由于光看图没太懂需求 我简单描述一下我的思路 之前也在项目中实践过,我认为我的宗旨就是把界面逻辑抽象成数据。

刚好做了一个类似的需求,我做了 70多个表单元素,你把这些 表单元素抽象成了 数据结构,就是一个大的 object,然后这些 object 的项里面就是这些表单选项,你可以定义他们的类型,属性等等,而且每个项里面还能定义各自的关系,包括从属,父子等。

然后我把这个大的 object 抽象成了 Redux 的 store,这样整个  store,action和 reducer 都可以单独测试的,这些数据的变化完全是可预测的,而且可以整体取出你想要的目前所有表单的值,显示的时候你不需要每次重复要手写的各种组件,只需要循环显示这个数据结构就可以了。 

0
2
张轩
回复
寂寞追不上我
之前提出了的算是一点思路把 由于表单的操作和嵌套属于数据结构和对应关系 所以我们的目的是创造可复用的这种数据结构和操作 而不是从组件的纬度去看待它
2020-07-15
共2条回复

React18+TS高仿AntD从零到一打造组件库

设计,开发,测试,发布再到 CI/CD,从0到1造轮子

2067 学习 · 919 问题

查看课程