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

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

  • State 是只读的

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

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

项目应用

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

    configStore.js
    image.png

    rootReducer.js
    image.png

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用到的reducer


娜娜
33 声望6 粉丝

前端工程师一枚