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括号里面的获取数据和改变数据两个函数不能随意改变数据)
网友评论