ReactJS
(68)Antd Pro 加入富文本编辑器
## 需求
- 能方便整合入 Ant Design Form 中
- 能支持，或者方便扩展，将富文本编辑器中的图片上传至七牛云存储中
## 备选方案列表
Ant Design 官方推荐了两个：
https://ant.
设置 React Quill 富文本组件的高度
默认在 Ant Design Pro 中使用 React Quill 富文本组件时，并没有默认高度。
看起来不太舒服。所以想加上高度限制：
- 最低高度限制
- 最高高度限制
## 实现
在自定义的 Form 组件目录下，
Antd Pro 的列表页，新建、更新 Modal Form 复用同一个
这次基本是边修改 Antd Pro 模板，边学习 reactjs 的情况下，摸索新建、更新复用 Modal Form 的使用的。
我觉得能实现 Form 新建、编辑功能，基本上 reactjs 就算是入门了。。。
## 上手
react tutorial 笔记
- props 为传入组件的参数，全称 properties
- state 为内部状态管理
- 基于 class 的 react 组件：onClick={() => alert('click')} 回调函数用大括号包裹，并且必须使用剪
Antd Pro 列表页警告信息 Each child in a list should have a unique "key" prop
Antd Pro 列表页中报了一条警告信息：
> devScripts.js:6523 Warning: Each child in a list should have a unique "key" prop.
虽然是 Pro
消除 Antd Pro 的 i18n 缺失翻译警告提示 Missing message
由于我用 Antd Pro 开发的管理后台只需要中文，并不需要其他语言的翻译，所以代码里就没有使用翻译组件。
但是在运行时，浏览器一堆警告信息：
> devScripts.js:6523 [React Intl] Missing
使用 antd pro request post 数据到 golang gin 报错 400 EOF
## golang gin 的报 400 错误
```
var article models.Article
if err := c.ShouldBindJSON(&article); err != nil {
log.Pr
React 中 useState hook 是什么？
Ant Design Pro 中经常看到这样的代码，例如 table list 中：
```
const AdminUsers: React.FC = () => {
/** 新建窗口的弹窗 */
const [crea
golang gin & ant design pro 前后端分离的登录实现
## 管理员用户表
admin_user
- id
- username
- password
- last_login_at
## 创建第一个管理员
方案：
- 命令行工具 （golang 需要编译，提供一
ant design pro V5 使用 umi request 拦截器为请求 header 加上 jwt token
想使用 umi request 的拦截器为请求统一加上 jwt token，但是参考 ant design pro V5 的文档，始终不生效。
## 无效的配置
如果参考官方的文档 https://beta-pro.ant.desi