在react项目中使用redux帮助（基础版）

 

参考文献  https://www.redux.org.cn/

本文基于官网redux说明，结合实际项目谈一谈redux的使用细节

什么是redux:

redux是react中的全局状态管理体系，相当于vue中的vuex，

是否需要：

在开始使用前，你必须要明确项目是否真的需要它：

   1.项目中是否存在多组件共用一种状态的场景？

   2.组件之间的状态是否有关联？

举例：添加购物车，显示和修改用户信息,都可以用redux共享全局状态

下面将 以全局添加一个counter为例 来配置redux

怎么使用：

（先来熟悉一下以下几个概念）

1.action:

action 就是一个JavaScript ，当view发生变化时，需要创建action发出通知，让state更新

const action = {
  type: 'INCREMENT',     //type 代表action的名字，必须保留
  text: '我是自定义字段'    //除了type外，其他字段名都由你自己的项目需求来决定
}

当然你也可以写成 创建action的方法，方便之后的调用，像这样

export function increment(text) {
  return {
    type: INC