skylar的博客

思路总结：重点在于使用 setFieldsValue 来更新，这样就能更新 bodyConfig。作用：使用组件修改样式复杂，改用react.js来写优化了界面卡顿问题。

【代码】react界面格式化展示对象数组。

powershell执行策略阻止了脚本执行。

【代码】mac 安装homebrew。

在遇到需求修改时，首先思考如何最小程度的改动代码，贴合原代码逻辑，而不是重新思考一套逻辑加进去。useEffect的使用要更谨慎。

【代码】React｜antd｜table｜给某一条数据设置背景色，并滚动到这条数据的位置。

【代码】React｜创建txt文件并上传到oss指定地址。

【代码】React｜使用密钥和DES方式解密。

1. 安装插件 google-maps-react。

2. 安装 dotenv-webpack 插件，可以帮助 webpack 加载 .env 文件。3. 配置 webpack.config.json。1. 在最外层新建 .env 文件。

【代码】Echarts｜页面尺寸更改，重绘。

【代码】echarts 升级，消除控制台警告｜以及一些报错问题。

PPS：none 是后端语言传入的参数，js只能用字符串的方式处理。

网页转换为pdf并下载

react展示md数据

需要同时更新columns，将它设置为state，这样setColumns()更新的时候就可以拿到最新的defalutValue。1. 表格中某列数据设置了defaultValue，表格data更新，defaultValue不变。2. 文章中：TextArea设置的defaultValue，在data变更后不变。需要给TextArea设置key属性。

使用react-pdf展示pdf，但是报警告，Warning: TextLayer styles not found.添加属性如上，设置为false即可。

在这里，我没有按照antd官网的代码来实现，因为不太适合这个需求，也或许是我没摸明白怎么用，下面是我参考官网按照自己的方法来实现的代码（这里的gradingRanking等同于上文的page2，chinaMap等同于中国，这里的代码仅供参考，重点是思路）。在page2这个组件中不通过useEffect直接获取params是只能获取到一个key-value（当前路由）的，因此直接通过split切割为数组，并在此时通过filter筛选掉chinaMap（也就是page2这个组件的路由）。

注意：使用的href属性只会直接跳转到对应锚点，很僵硬。要想设置缓慢滚动效果，就可以像上面的方法一样，使用scrollInfoView()来实现。需求：点击右侧列表中的小图，定位到左侧文章中的大图，且缓慢滚动。

将时间戳转换为number。

文字/字母排序：a.localeCompare(b)数字排序：a - b。

git 强制pull代码（放弃本地所有修改代码）git 强制push代码（覆盖远程代码）git 查看提交记录。git 拉取远程分支。

【代码】useLocation()只能在组件的上下文中使用。

responseType: "blob" 一定要设置。