学习React的全局状态管理器 redux （1）

首先看一下目录结构 先了解一下

 

 

 

 

这个目录结构最重要的就是这 action reducer store 这三个

action 

这是一个执行函数集合 存放执行更改store库里的value

 

reducer 

简而言之就是一个仓库的子集合（不准确）  它包含了仓库里的 init（仓库值的初始值） 和执行结果

 

store

仓库 用来存放所有的状态

 

示例action写法

 

 

 

 

实例reducer写法

 

 

示例仓库写法

 

 

那么如何执行和查看到这个效果呢？

在组件里有很重要的两个方法：

 1.store.dispatch(function)

这个store的方法可以执行action里的function 来进行修改仓库里的全局状态

2. store.subscribe（function）

这个store的方法是可以监听store里发生的任何修改

 

小总结：redux的管理状态都是通过action函数修改 不可以也不允许直接修改 三者的关系联系紧密