首页 > 代码库 > redux的简单流程图

redux的简单流程图

技术分享

简单的流程图:

1.组件内部有两条数据请求ClassData和ListData;当发生数据请求时,触发一个action

2.在getClassDataAction(异步请求);内部发生数据请求(这里用的是fetch请求..)与服务器产生交互;在这过程中会使用中间键;

3.发送action并携带请求的数据到reducer;在reducer内部reducer根据action.type生成新的state;

4.reducer把newState的数据跟新到store里面.

5.store把获取到的新的State返回到mapStateToProps;

6.通过mapStateToProps方法把数据传给组件..

7.需要一个方法conect把store,mapStateToPropa和component连接在一起;

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

redux的简单流程图