zoukankan      html  css  js  c++  java
  • 使用redux开发的简单步骤

    一、安装redux包

    npm install redux --save
    

      

    二、根据APP数据结构或者后台请求的数据结构拟定state的大致结构。

      可以把state写成一个对象字面量,放在reducer文件中,注释掉即可,当你觉得模糊混乱的时候就可以看一看这个state对象,然后就可以清楚state的具体构成了。

    三、创建文件

      reducer.js、 store.js

      这两个文件,一个是用来写reducer的,另一个是用于生成store的。

      在需要的时候,可以从这两个js模块引入,方便开发。

      

    四、在reducer.js文件中写reducer函数。

      可以使用combineReducers方法简化reducer函数,具体使用方法见之前的博客。

    五、写store.js文件

      引入需要使用的Middleware中间件,然后通过createStore方法生成store,最后作为模块引出。

    六、在具体的组件文件中,如果要使用store,就从store.js引入。

      store主要使用一下三个方法:

      

    store.dispatch()
    //用于dispatch action,传递action给reducer方法,处理修改state。
    store.subscribe()
    //用于给store注册监听(订阅)函数,被注册的函数在state发生改变时会被自动调用
    store.getState()
    //用于获取state,比如在组件中要使用state中的数据时就可以调用这个方法获取state。
    

      

  • 相关阅读:
    HTML DOM Document 对象
    浏览器对象模型 BOM
    JavaScript数组和字符串基础
    JavaScript基础一
    css属性hack
    浏览器兼容性问题
    css常见居中方法
    初析BFC
    学习Css的初级篇
    THML基础学习
  • 原文地址:https://www.cnblogs.com/DM428/p/8126245.html
Copyright © 2011-2022 走看看