一、概念:
1、Ant Design Pro 是什么:
这里 Ant Design Pro,主要讲的是以 react 框架的搭建的项目。
2、Ant Design Pro 相关的技术栈: react+redux+dva+antd+fetch+roadhog
主要还是dva比较难理解,fetch 就 另外一种 ajax
二、antd pro 工作流程:https://blog.csdn.net/weixin_41581254/article/details/84972237 或 https://blog.csdn.net/RuiKe1400360107/article/details/85785507
1、routes下的试图文件,发送请求dispatch;
2、models下业务模型接收到请求;
3、services文件夹下的api.js中的异步函数被effects方法中的yield call 调用;请求方法默认是GET(GET请求不能带body)
dva 教程 https://dvajs.com/guide/introduce-class.html
说明:dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验
扫描二维码关注公众号,回复:
7750737 查看本文章
一、Model 对象:dva整个知识体系太多,设计中主要会用就可以了。在antd pro中,modes是放在一个目录下统一管理的,导出一个 model 对象,对象的选项如下:
1、namespace:当前 Model 的名称
2、state:该 Model 当前的状态
3、reducers:Action 处理器,处理同步动作,用来算出最新的 State
4、effects:Action 处理器,处理异步动作