Redux

redux的原理、工作流程及其使用

1、什么是Redux？

Redux 是 JavaScript 状态容器，提供可预测化的状态管理，可以让你构建一致化的应用，运行于不同的环境（客户端、服务器、原生应用），并且易于测试。

redux 就相当于 vuex ，就是数据状态管理模式，当我们要做的项目中有很多组件需要共享数据时，这时候就可以用 redux 搭建

2、redux的工作流程

在我们了解redux的工作流程之前我们应该要知道redux有三个核心概念，分别为actions、store、reducers（带s的表明可能存在多个）

actions

actions英文直译过来就是行动、动作的意思，那么我们就可以猜到他表示的是“怎么做”，简单来说actions就是一个对象，actions里面有两个属性分别为type和data：

• type：标识属性，值为字符串且唯一，必要属性（你想要做什么事情
• data：数据属性，值为任意类型，可选属性（你要做事情的数据

那我们浅浅举个栗子：比如计算器你可以进行加1减2等操作，那么加减乘除这个操作就是你的type，数字就是你的数据

store

store有且只能有一个，他相当于一个最高指挥家，他负责把action动作交给对应的reducer进行执行，也就是说将state、action和reducer联系在一起的对象。

reducer

reducer用于将store发过来的action完成并将结果返回给store，他接收两个参数preState（旧状态）和action（动作）并返回一个newState（新状态）。

比如像计算器我们需要在原来的数据上进行加1的操作，那么旧状态就对应原来的数据，action对应加1的操作，返回的新状态就是计算器加完之后重新返回的结果。