首先umijs高度封装了路由，使路由变的更灵活，开发中几乎不用过多理会，dva封装了redux 和 redux-saga的数据流方案！

1.全局布局

在layouts文件里面的index.js

2.约定式路由和自定义路由

1.约定式路由即是在pages文件夹下建立对应的文件既会生产相应的路由 umijs.org/zh/guide/ro…

2.自定义式路由在 umirc.js中routes里面配置相应的路由，也可以在pages里面新建一个router.js文件去配置

3.对于dva 中models这块的理解这里以pages下的about为列，具体还是要看dva官网https://dvajs.com/guide/introduce-class.html#app-model

【这里有个地方涛提一下，@connect同时传入一个loading，这个是dva封装的一个在请求数据时加载中的一个状态，它返回的是一个布尔值如loading: loading.effects['aboutpage/getData']，loading在数据请求前是true,响应结束后为false ,我们可以根据这个状态给请求函数加 loading动画】

组件和modles建立连接的方式有多种，我这里只枚举2种相对简便的写法

1.使用修饰器的方式要注意！！！！

@connect() 下面不可以直接export default class xxx不然会报错，要使用 class xxx 然后再最后export default xxxx

@connect(({ aboutpage, loading }) => ({
  aboutpage,
  loading: loading.effects['aboutpage/getData'], 
}))

export default connect(({ aboutpage, loading }) => ({aboutpage,loading: loading.effects['aboutpage/getData'],}))(About);

【这种是高阶组件的写法，包括修饰器也是，有兴趣可以自己去研究】

关于umijs+dva+antDesign 一些知识点的梳理