查漏补缺

总是在工作学习中发现一些不懂的掌握不熟练的知识，记录在此

对于excel导入导出

项目要求进行Excel文件导入导出

导入：antd中UPLOAD的beforeUpload事件对文件类型、文件大小进行限制， onChange方法对上传时的不同状态进行判断增加操作，action用于上传时接口

导出：1·可以直接使用a标签进行下载操作，2·使用window.open打开新页面进行下载

react对于对象改变不进行视图更新

因为对象的赋值是引用传递的

可以使用Object.assign与解构来改变

antd 表格自定义样式

需求需要antd表格内部成组展示，每组有一行说明和操作

使用了表格对数据children自动渲染，取消打开关闭图标，在render方法中判断特殊行，对特殊行进行合并

return {
      children: <div>{record.status}</div>,       展示的内容
      props: {  colSpan:7,  },                    合并的行数
    }

再通过rowClassName对特定的行进行特殊样式完成

flex

在使用时flex：1。 最好带上width：100%或0

为了解决自适应布局内容超出

事件冒泡

今天下午在进行店铺装修的代码编写时，对于元素的上下移动，设置的selectIndex不更新，一直是以为是reacthooks的bug，打着断点一行一行阅读代码，最后好好读了一下代码。

发现是自己再点击上下移动时事件进行冒泡出发了父元素的事件将更新后的值又改回来了

所以在事件编写时还是需要 e.stopPropagation()！