ReactJS
(68)Antd Pro ProTable 表格按指定列排序
例如,Antd Pro 列表中,我想按照创建时间这列正序或倒序重新排列。

## 字段配置
```
{
Ant Design dateTimeRange 组件 UTC 时间的时区问题
后台用 InfluxDB 存储的时序数据,查询时需要使用 UTC 时间。
为了偷懒,我的后台 go 接口没有对时间字段做处理,想直接使用前端传过来的 UTC 时间格式。
于是出现了一个低级的前端 Bug。
## 功能异常的
Ant Design Form Input 组件添加快捷按钮及点击事件
例如,我想在 Ant Design 的 Input 按钮右侧添加一个快捷按钮,
用来自动将文章标题生成网址 slug。
## 实现逻辑
- Antd Input 组件有个 addonAfter 属性,可以在输入框右侧加入一个图
Ant Design Form 字段设置默认值
## 正确的做法
例如这种,在 form 的 initialValues 里设置各个字段的默认值。
而不是去具体字段里用 value 或 defaultValue 属性来设置默认值。
```
nginx 部署 antd pro 在非根目录报 404 错误
例如,使用 antd pro 开发的网站管理后台,在服务器部署时,想部署在 /admin 这种非根目录。根目录留给 go gin 的路由处理。
在 [nginx](/category/Nginx) 里按照正常 root 配置,访问时会
ant design 组件上传视频直传七牛云
由于视频文件太大,不适合通过自己服务器中转一层,还是在前端直接传到七牛云合理。
## 文档
- 七牛云 Go SDK 文档,参考上传凭证的生成:https://developer.qiniu.com/kodo/sdk/go
- 七
Antd Pro 无法修改图标,Module "./@ant-design/icons/xxx" does not exist in container
Antd Pro V5 的诡异问题不断,在新增了一个路由配置项,修改图标之后,导致报错。
之前的 V5 beta 版从来没有遇到这个问题,是最新的 V5 正式版新引入的问题。
## 新图标导致报错
```
{
Ant Design DatePicker 日期选择组件的时间格式化
## 组件返回的日期格式问题
antd 选择日期的控件 DatePicker 是输出的 moment 对象,如:
> Date: "2022-03-10T03:33:14.737Z"
解决办法:
```
// 在 Cr
Antd Pro V5 编辑/新建,数据串了的 bug
## Bug 现象
在 Antd Pro V5 数据列表页,点击**编辑**某个条目,去掉某个字段的内容,保存。
再点击**新建**,还是编辑的上一条信息。
这时点击保存,实际上是覆盖了上一条的信息,而不是新建了一条信息。
Antd Pro Beta2 项目在 clone 之后 tyarn start 报错
开发时倒是好好的,但是再次 clone 到不同目录,或者其他电脑上 clone 之后,先 tyarn 安装依赖,然后 tyarn start 报错:
```
> tyarn start
yarn run v1.22.10
$ c