redux的简单应用

1、安装 redux和react-redux：  npm i redux react-redux --save-dev

2、在需要使用redux的组件内新建一个文件夹 'reducer.js'；

创建名为reducer 的js文件

3、在reducer.js文件内进行一下配置：

方法一

或者使用下面这种配置，两者选一（给两种格式分别命名为方法一和方法二）：

方法二

4、找到项目的主文件‘index.js’文件在里面引入：

并把所需要用到的reducer.js文件引入：

进行一下配置：

5、完成以上步骤后，就可以在需要的页面进行引入：

在需要的页面引入下面：

然后定义两个函数（一个用来获取数据，另一个用来改变数据）：

获取数据：

改变数据：

然后通过connect进行定义（注意：connect括号里面的获取数据和改变数据两个函数不能随意改变数据）