----
抽离思路及实现
思路
合并props传递的值,尽可能的减少传递的东西(在组件内部实现默认值合并),把渲染的子组件通过遍历json去实现;
整个查询区域用的antd表单组件,聚合所有表单数据(自动双向绑定...,设置默认值等);
为了降低复杂度,子组件不考虑dva来维护状态,纯靠props和state构建,然后统一把构建的表单数据向父级暴露.....根据ctype渲染的控件有Input,Button,Select,DatePicker,Cascader,Radio
允许传递的props有三个,所有props均有默认值,传递的会合并进去
data:...,
Card,
Cascader,
Radio,
Icon,
} from 'antd';
const { MonthPicker, RangePicker } = DatePicker...(若是用ts的小伙伴,运行时类型推断比这个强大的多,还不会打包冗余代码)
没发布npm , 只是提供我写的思路,对您有没有帮助,见仁见智
依赖moment,antd
可以自行拓展的点
比如垂直展示
比如表单校验
