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

Question

请问老师，使用antd实现这种动态的嵌套表单的最佳实践是什么？谢谢~

Answer 1

张轩 2020-07-13 22:10:42

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

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

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

• 提问者 寂寞追不上我 #1

  我就是这么做的，用一个state存储嵌套的表单的数据结构，在表单onChange的时候更新state，提交表单时，检验由antd来帮我做，检验通过我就使用state去和后端交互，最近想抽一个组件出来，剩的每次都要手写这种嵌套表单的state的增删改，蟀七的老师能提供点思路吗?

• 张轩 回复 提问者 寂寞追不上我 #2

  之前提出了的算是一点思路把 由于表单的操作和嵌套属于数据结构和对应关系  所以我们的目的是创造可复用的这种数据结构和操作 而不是从组件的纬度去看待它