前言
最近把新的后台系统写好了..用的是上篇文章的技术栈(mobx+react16);
但是感觉mobx没有想象中的好用,看到umi 2.x了.就着手又开始重构了......----
抽离思路及实现
思路
合并props传递的值,尽可能的减少传递的东西(在组件内部实现默认值合并),把渲染的子组件通过遍历json去实现;
整个查询区域用的antd表单组件,聚合所有表单数据(自动双向绑定...根据ctype渲染的控件有Input,Button,Select,DatePicker,Cascader,Radio
允许传递的props有三个,所有props均有默认值,传递的会合并进去
data:...data的数据格式基本和antd要求的格式一致,除了个别用来判断或者渲染子组件的,
字段解释:
ctype(controller-type:控件类型)
attr(控件支持的属性)
field(受控表单控件的配置项...(若是用ts的小伙伴,运行时类型推断比这个强大的多,还不会打包冗余代码)
没发布npm , 只是提供我写的思路,对您有没有帮助,见仁见智
依赖moment,antd
可以自行拓展的点
比如垂直展示
比如表单校验