ReactJS
(68)antd pro 通过后台接口异步加载 select 数据
想在 Ant Design Pro 后台中，通过后台接口异步加载 Select 的选项，例如文章的作者。
## 思路
- [react effect hook](https://www.sunzhongwei.com/react-e
修改 Antd Pro V5 登录页面
Ant Design Pro V5 默认的登录页面功能繁多，而实际项目需要精简一下。
## 修改项
- 去掉手机号登录。因为不想加短信验证功能。
- 去掉底部的其他登录方式
- 去掉忘记密码
- 修改标题
##
Antd Pro 中嵌入多折线图表
## 安装 Ant Design Charts 依赖
参考
https://charts.ant.design/zh-CN/guide/start
tyarn add @ant-design/charts
#
React 中的 Effect Hook
我想在 Antd Pro 中为数据图表拉取数据，查实现方法时，发现了 React Effect Hook 这个概念。
参考
https://reactjs.org/docs/hooks-effect.html
> The
Ant Design Form.Item 中使用 Select 组件默认值总是显示数字
## 现象
在 Antd Pro 中使用了 Antd Form 来编辑报修单的进度状态。
但是在选中一条记录，在使用 Select 组件进行编辑时，总是显示状态码，而非状态描述。
看起来是之前遇到过的，select value
Antd Form 一行多个 Form.Item 组件
在使用 Antd Form 时，当 Form 的宽度很宽，一行只显示一个 input 时，感觉空间有点浪费。
一行能同时显示两个 input 输入框就好了，例如，同时显示：
- 姓名
- 电话
## Form 中的示例
Antd Pro 列表页 ProTable 自定义搜索字段
例如，我想在 Antd Pro 列表页的查询区域去掉一些字段，不希望这些字段参与搜索。
参考 ProTable 组件的文档：
https://procomponents.ant.design/components/table
React Quill 富文本编辑器中图片上传服务端
在 Antd Pro 中使用 React Quill 富文本编辑器，上传图片默认会转换成 Base64，然后上传服务器，保存到数据库中。
但是如果图片过大，就非常不适合在数据库中存储，同时也会占用服务器的带宽。
需要改造成 Reac
Ant Design Upload 组件上传图片到 Golang 服务端
## 上传组件
Antd Pro 中使用 Ant Design 的 Upload 上传组件
https://ant.design/components/upload-cn
图片预览还是有必要的，所以先参考“图片墙”那个示例代码
Antd Pro 服务挂掉 Disconnected from the devServer, trying to reconnect
今天发现 Antd Pro 的开发服务经常挂掉，浏览器中显示：
> Disconnected from the devServer, trying to reconnect...
看起来是由于没有处理后台 404 的错误，导致前