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