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

相關文章
相關標籤/搜索