摘要：
React 1. Excel数据格式化 主要是三个步骤：使用input/antd-upload组件上传需要导入的文件——将excel数据处理为json数据——将json数据处理成antd-table组件所需的数据（主要是增加唯一的key）。 （1）使用antd-upload组件上传需要导入的文件。 阅读全文
摘要：
1. 主要是修改两个配置文件：craco.config.js 和 tsconfig.json。 // craco.config.js const path = require("path"); //定义函数resolve,将你想要自定义的路径和js的根路劲作拼接 const resolve = (d 阅读全文
摘要：
安装依赖 如果是新项目的话，直接搭建安装即可。如果是已有的项目，想要升级 React 18，需要更新以下几个依赖： react-scripts：yarn add react-scripts（需要 node 14 版本及以上的，如果存在必须使用低版本的项目，推荐使用 nvm 做好 node 包版本管理 阅读全文
摘要：
一般后台管理系统，大部分页面功能都是列表和表单的形式。即便使用了组件<Table />、<Form />等，依旧需要写大量高度重复性的代码，比如列表页通常会有筛选栏、操作栏、表格区域、和分页栏四个部分，新增/编辑页通常有N+表单项（eg: 输入框、下拉框、级联框、单选按钮、多选按钮等等）。之前也考虑 阅读全文
摘要：
最近在做一个新的项目，正好近期 react-scripts 发布了新的版本5.0.1，新的版本对 React 18 做了更好的兼容。 而 react 18 在一个月前发布了稳定版本。 新项目就是最好的试金石。后面会把一些使用体验和踩坑记录在这里。 一、react-scripts 更新 升级 升级命令 阅读全文
摘要：
// html <span class="iconfont icon-up"></span> // css .icon-up { font-size: 30px; background-image: linear-gradient(#fff, #dd0000); -webkit-background 阅读全文
摘要：
使用场景：从XX列表页进入详情页，返回列表页时，需要保留原来的搜索条件。 解决思路 方法一：将搜索条件放到URL中带到详情页，返回时再带回来。适用于比较简单的情况。 方法二：将搜索条件等数据存到sessionStorage。（推荐使用该方法） 代码 这里只展示方法二的代码（方法一比较简单，大家可以自 阅读全文
摘要：
官方文档-TreeSelect树选择 常见的用法： 这里分享一种场景：在 checkbox 模式下，仅允许选择子元素（父元素不允许选中）,见下图。 查看 API 文档 TreeSelect API 【总结】：在使用 TreeSelect 组件时，往往采用构造 treeData 结构的数据来渲染，常用 阅读全文
摘要：
Prompt 文档 Prompt 示例 使用场景：在离开页面之前，需要判断当前编辑的内容是否已经保存，如果没保存，则弹出提示框，提示用户保存。 查看 API 文档 【总结】：Prompt 有两个属性：message-当用户离开页面时给出的提示信息，when-是否渲染，设置为 true 时，离开页面时 阅读全文
摘要：
在页面布局中，我们会常用到 flex 布局实现一行多列/多行多列元素均匀排列，需要设置 justify-content: space-between 或者 justify-content: space-around （space-between可以简单理解为元素两端对齐，间距相同，space-aro 阅读全文