React——Redux介绍与使用

Redux 介绍与使用

---

一、Redux 作用

redux是一个专门用于做状态管理的js库（不是react插件库）。它可以用在react，angular，vue等项目中，但基本与react配合使用。redux 将需要全局存储的所有数据存储到树中，且树是唯一的。

主要作用是：集中式管理react应用中多个组件共享的状态，方便组件间交互。 redux只负责管理状态，想要状态改变驱动页面渲染，需要自己写。

redux内部维护了三个属性，分别是state、action和reducer。

二、Redux 如何实现维护

如何维护state树：

1、维护state时，将其维护成树类型存储，用js里的字典存储树结构，将其存到store对象里，store首先存储树根节点。
2、每一个state节点的值都有reducer函数维护（传入上一个state的值以及action里的type参数，根据这两个值来计算新的state值来修改当前节点值）。
3、dispatch( action:（type)) 函数，将参数值传给action存储在action中。从根节点开始递归调用reducer修改state树。
4、每到一个节点，判断action里的type