react-redux的应用

  1. 首先须要介绍三个原则
  • 单一数据源

    整个应用的state被储存在一棵 object tree 中,而且这个object tree 只存在于惟一一个store中web

  • State 是只读的

    惟一改变 state 的方法就是触发action,action 是一个用于描述 已发生事件的普通对象。redux

  • 使用纯函数来执行修改
    为了描述 action 如何改变 state tree ,你须要编写reducers

项目应用

  1. 首先建立store,应用于website,在目录中加入
    image.png

    configStore.js
    image.png函数

    rootReducer.js
    image.pngspa

2.经过路由,讲store运用于整个website
image.png
image.png对象

3.举例说明各模块redux的应用
image.png
action.js:集成了全部的systemOnline用到的action
constant.js:全部的systemOnline用到的action的type,都被定义为常量,维护在这个常量文件中
initialState.js:集成了全部systemOnline的store分支(state)的初始值
reducer.js:集成了全部systemOnline用到的reducerblog

相关文章
相关标签/搜索