一种数据流的架构模式
-
store:一个提供全局数据和修改数据的方法的对象;
-
state:数据仓库;
-
action:修改全局数据的操作对象,包含操作名称(type)和数据;
-
reducer
-
dispatch:根据传入的action分发并执行相应的修改操作;
image.png
-
connect:高阶函数,接收mapStateToProps方法获得所需的数据项,返回一个高阶组件,该组件会从context中取出store,然后根据mapStateToProps操作store中的state,将获取到的数据对象传入子组件中。
-
mapStateToProps:接收state参数,返回当前组件中需要用到的state中的变量,相当于告诉connect需要获取哪些变量,并且可以执行一些变量的预处理操作。
*Provider: 通过context将根节点组件绑上store;
- 通过redux-thunk或者redux-saga处理副作用
参考资料:动手实现 Redux
网友评论