尽可能的减少传递的东西(在组件内部实现默认值合并),把渲染的子组件通过遍历json去实现;
整个查询区域用的antd表单组件,聚合所有表单数据(自动双向绑定,设置默认值等);
为了降低复杂度,子组件不考虑dva来维护状态...,
Card,
Cascader,
Radio,
Icon,
} from 'antd';
const { MonthPicker, RangePicker } = DatePicker...static getDerivedStateFromProps(nextProps, prevState) {
/**
* data: 构建的数据
* single: 单一选择,会禁用其他输入框...field.params : {})(
DatePicker {...attr} />
)}
...(若是用ts的小伙伴,运行时类型推断比这个强大的多,还不会打包冗余代码)
没发布npm , 只是提供我写的思路,对您有没有帮助,见仁见智
依赖moment,antd
可以自行拓展的点
比如垂直展示
比如表单校验