大象笔记
Ant Design Form.Item 中使用 Select 组件默认值总是显示数字
## 现象
在 Antd Pro 中使用了 Antd Form 来编辑报修单的进度状态。
但是在选中一条记录，在使用 Select 组件进行编辑时，总是显示状态码，而非状态描述。
看起来是之前遇到过的，select value
Antd Form 一行多个 Form.Item 组件
在使用 Antd Form 时，当 Form 的宽度很宽，一行只显示一个 input 时，感觉空间有点浪费。
一行能同时显示两个 input 输入框就好了，例如，同时显示：
- 姓名
- 电话
## Form 中的示例
对您的 AdMob 帐号设置了临时性的广告投放限制
早上起床收到一封 Google Admob 的邮件：
```
对您的 AdMob 帐号设置了临时性的广告投放限制
我们会继续评估您的流量，并自动审核和更新此限制。通常，广告投放限制对发布商的影响不会超过 30 天，但在某些情况
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 加入富文本编辑器
## 需求
- 能方便整合入 Ant Design Form 中
- 能支持，或者方便扩展，将富文本编辑器中的图片上传至七牛云存储中
## 备选方案列表
Ant Design 官方推荐了两个：
https://ant.
WSL 1 升级 WSL 2
被 VS Code 右下角的一个弹窗提示诱导，一时兴起想将 WSL 1 升级到 WSL 2。
## 查看当前的 WSL 版本
```
PS C:\Users\Lenovo> wsl --list --verbose
NA
Antd Pro 的列表页，新建、更新 Modal Form 复用同一个
这次基本是边修改 Antd Pro 模板，边学习 reactjs 的情况下，摸索新建、更新复用 Modal Form 的使用的。
我觉得能实现 Form 新建、编辑功能，基本上 reactjs 就算是入门了。。。
## 上手
VS Code 还是比 Vim 更适合写 Antd Pro 项目
不得不承认，VS Code 的发展真是快，很多功能已经超出了我的预期。
虽然我还是将 Vim 作为主力开发工具，但是在写 JS 项目时，还是想尝试一下 VS Code，跟上时代的脚步。
## VS Code 写 Antd Pro