美文网首页
redux的简单应用

redux的简单应用

作者: 见月荒州 | 来源:发表于2018-10-18 14:44 被阅读0次

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

    相关文章

      网友评论

          本文标题:redux的简单应用

          本文链接:https://www.haomeiwen.com/subject/kgojzftx.html