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

1,412 阅读1分钟

首先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'], 
}))

2.

export default connect(({ aboutpage, loading }) => ({aboutpage,loading: loading.effects['aboutpage/getData'],}))(About);
【这种是高阶组件的写法,包括修饰器也是,有兴趣可以自己去研究】

!!!第一次写文章,诚惶诚恐!还望大神不吝赐教,多多提携,有问题欢迎指正!