qq_41374651的博客

通过封装通用的表单组件，配置表单项，开发提效

封装缘由：1.减少重复工作量2.统一风格3.方便一键式更改（如果样式变更，减少工作量）封装方式：本次封装没有封装接口联调部分，只是基于日常使用的规范，进行常用功能的封装。封装后支持的功能或方便之处：1.新增了斑马线的功能。2.新增了省略时鼠标移入的ToolTip组件提示。3.通过配置可以选择隐藏某些列。4.数据为空时，官网的滚动条在表头下面，改为表的最下面。5.通过自定义列配置，实现是/否的判断。封装时遇到的问题及解决方式1.问题：插槽的二次封装，如果想要正常使用，..

最近授课老师看到其他网站有个类似github的活动图表，用来展示个人的提交记录，让我安排一下。我看了看github的活跃图，在echarts中搜索了一个差不多的图表。无奈，他嫌太丑(╯‵□′)╯︵┻━┻。被迫造轮子，难受。（虽然echarts可以改样式，但是）...

效果：代码：import React from 'react'import { Switch } from 'antd'/** * switch group * @param {*} object * @oarams func onChange 变化回调 * @oarams array dataSource 数据集 * @oarams array value 默认值 * @oarams string key 主键 */const SwitchGroup = ({