ReactJS
(68)修改 Ant Design Pro Admin 后台的顶部导航栏样式
目前用的是 Ant Design Pro V5， 默认的主题下，顶部导航栏是个黑白色调。黑色背景，白色文字。
正常使用场景下，其他还挺好看的。毕竟俺是尤文的球迷，这斑马色非常亲切。
但是，这次遇到公司内部一个项目，logo 有点
Ant Design 的 AutoComplete 组件下拉反复拖动几次，选项开始重复
第一次使用 Ant Design 的 AutoComplete 组件，发现当选项中有重复数据时，就会出现这种情况。
下拉过程中，出现大量不断重复的选项，严重影响使用体验。
## 解决方法
很简单，就是保证后台接口返回的选项列表，不要出现
React Quill 富文本编辑器与 Ant Design Modal 同时使用时，html 标签消失
这是一个无比诡异的 Quill 富文本编辑器组件的 bug，浪费了我周四整整一个下午。
唯一的收获是，把早已忘光的 React 组件封装，及组件通信的机制复习了一遍。
## bug 现象
在一个 Ant Design Pr
ant design pro 的统一配置管理
作为一个 CRUD boy，经常要新建管理后台的项目。确切的说，应该是经常要 ctrl c / ctrl v 来 copy 老的项目。
但是 ant design pro 好多配置不在一个统一的配置文件中，需要去多个地方修改设置。例如
Ant Design Pro AutoComplete 组件同时支持下拉选择及自定义输入
## AutoComplete: 支持输入的 ant design select 组件
参考：
https://ant-design.antgroup.com/components/auto-complete-cn
实际上，我
React 组件实现将 Ant Design Table 的展示结果导出 Excel
使用 Antd Pro 实现了一个报价单批量查询的功能。
我想将 react 前端 table 组件的批量查询结果导出为 Excel 文件并下载。
这个不方便用后台接口实现，因为批量查询是通过多次的异步调用接口实现的。
后台并
React 在 for 循环中 setState 最后一次执行结果会覆盖前面的结果
## 使用场景
在实现一个批量查询的功能，前端使用 React 写了一个组件。
将多行输入分隔成多个搜索词，因为是模糊查询，搜索速度不快，
为了减少等待时间，于是每个搜索词逐一调用搜索接口。
然后，将搜索结果合并到一个数组，每返
react markdown 组件支持 table 表格渲染
发现默认安装的 react markdown 组件不支持 table 表格的渲染。
在官方文档里查了一下，需要安装额外的组件 remark-gfm 来支持 table 渲染。
## 安装 remark-gfm
```
tya
自动化部署：React App 脚手架工具，前端发布时，自动切换 API URL 为生产环境配置
随着前端打包发布日渐频繁，之前偷懒的手动切换 API URL 的方式越来越浪费时间，所以需要能自动区分开发环境和生产环境，节省每次的发布时间。
没想到 react app 脚手架自带了这个功能，可以不依赖三方库实现开发环境的识别：
React 中使 Button 显示多行文本
即支持文本中的换行符，例如，后台接口返回的 message 是：
```
暴击 \n 100000 倍
```
需要能解析其中的换行符。
实际上只需要加上一行 css
```
style={{ "white-s