redux的简单流程图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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的简单流程图的主要内容,如果未能解决你的问题,请参考以下文章

Redux流程分析 传统流程和redux-toolkit的使用

Redux流程分析 传统流程和redux-toolkit的使用

Redux流程分析 传统流程和redux-toolkit的使用

数据流程redux

redux请求数据流程

[Redux/Mobx] 说说Redux的实现流程