關於redux的入門簡介

2021-08-03 10:57:13 字數 927 閱讀 9296

關於redux其實官網上已經給了乙個詳細的例子。

//1.首先我們要定義計算規則

function

counter

(state =

0, action)

}

這裡state引數如果沒有的話我們把他賦值為0,這裡是es6的寫法

//2根據計算規則生成store
let store =createstore(counter);
//3定義資料(即state)變化後的派發規則
store.subscribe(()=>)
store.subscribe(()=>)
4://觸發資料時的變化
store.

dispatch()

store.

dispatch()

store.

dispatch

()

首先在第一步裡面我們注意到直接return到的是state-1而不是直接給state賦新值,
同時reducer是我們所定義的規則對應著第四步裡面的store.dispatch
store相當於我們資料的暫存器
第三,派發規則,相當於訂閱發布的模式,如果有變化執行派發規則,getstore相當於獲取我們變化的state

第四步,也就是我們dispatch進行資料變化

Redux 入門學習

2014年 facebook 提出了 flux 架構的概念,引發了很多的實現。2015年,redux 出現,將 flux 與函式式程式設計結合一起,很短時間內就成為了最熱門的前端架構。redux 是乙個改變狀態 state 的模型,這個模型通過乙個單向操作的方式來改變狀態。redux 和 react...

redux入門基礎

1.redux 適用場景 多互動,多資料來源。2.從元件角度看,如果你的應用有以下場景,可以考慮redux 某個組建的狀態需要共享 某個狀態需要在任何地方都可以拿到 乙個元件需要改變全域性狀態 乙個元件需要改變另乙個元件的狀態 3.設計思想 web應用是乙個狀態機,檢視與狀態一一對應 所有物件都儲存...

redux之入門學習

總結 1 頁面上view通過store.dispatch 發出 action,action統一在actioncreators.js檔案中,2 store 收到 action 以後,執行reducer.js中對應的方法,reducer是乙個函式,它接受 action 和當前 state 作為引數,返回...