antd state使用_antd design pro的用法

antd design pro的用法

namespace:

state:

effects:

reducer:

拿回数据需要做的事情：

model中写namespace(全局的state的名字)/state(全局state中的属性)/effects(发起请求拿回数据，触发reducer改变state)/reducer(改变数据)/subscriptions(监控路由的变化,键盘输入，地理位置，返回一个函数)

mock中写这个请求对应的数据。在mock中对接收的数据，及返回的数据进行处理，再将最终的结果进行返回。

service中写用request发起这个请求，返回数据1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27subscriptions{

setup({ dispatch,history }) {// 方法名可以随便定义，当监听有变化的时候就会依次执行这的变化

return history.listen(({ pathname, search,query }) => {// 表示路由变化时，执行以下语句

//console.log(`query = ${JSON.stringify(query)}`);

if(pathname.indexOf('/list/table-list')>=0){

const {page=1 , name,category:type} = query;

console.log('page = ',page, ' , name = ',name,',type =',type,);

dispatch({type:'fetch',payload:{page,name,type,from:'unchecks','status':'EXAMINE'}});

}else if(pathname.indexOf('/list/basic-list')>=0){

const {page=1 , name,category:type} = query;

dispatch({type:'fetch',payload:{page,name,type,from:'tracks',}});

}else if(pathname.indexOf('/list/card-list')>=0){

const {page=1 , name,category:type