react+antd一边踩坑一边积累

1.

适合vue的图表库是echarts

react如果要使用图表插件

bizcharts是很好的选择

不过echarts可以更灵活地自定义

2.

antd的table组件级联组件可以省市区三级联动

（需结合后端数据）

3.

config.js配置页面路由

menu.js里配置菜单栏名字

antd pro中hidemenu:true

可以隐藏菜单栏中的菜单及其子菜单

4.

.eslintignore可以选择文件

进行语法检测忽略

5.

调接口的话需要在service文件夹里面分模块配置路径

models文件夹对应引入service中的JS文件

页面上@connect调用

dispatch时 路径是“命名空间/models里面自定义的名字（*后面那个）”

6.

配置代理调后端接口

将自己本地的ip配成项目域名代理

如果没有

自己先自定义一个

然后再域名重定向到接口地址

proxy(whistle web debugger)配置格式如下：

本机IP+端口    项目域名（自定义域名）
项目域名（自定义域名）  接口地址

7.

通过查询参数可以实现tab样式的切换

具体需要页面初始化的函数以及全局的state

8.

this.setState是异步的

后面可以加一个（）=>{}回调函数

比如后台管理系统切换到非第一页（第2,3,4，……n页）点击查询

查询时传的当前页应为1

设置完后就立即回调查询页面数据

9.

HH:mm:ss 是24小时制

hh:mm:ss 是12小时制

10.

antd框架有时候会出现文案乱串的现象（出现不是本系统的文字）

是因为document.ejs的html标签设置了lang="en"

启动了谷歌翻译造成

可以改为lang="zh-CN"

10.

配置代理转发可以在settings中设置打开多个rules