redux之入門學習

2022-07-20 03:51:10 字數 660 閱讀 5056

總結:

1、頁面上view通過store.dispatch()發出 action,action統一在actioncreators.js檔案中,

2、store 收到 action 以後,執行reducer.js中對應的方法, reducer是乙個函式,它接受 action 和當前 state 作為引數,返回乙個新的 state。

3、store.dispatch()是 view 發出 action 的唯一方法。

4、reducer 是乙個函式,它接受 action 和當前 state 作為引數,返回乙個新的 state。

5、store.dispatch方法會觸發 reducer 的自動執行。為此,store 需要知道 reducer 函式,做法就是在生成 store 的時候,將 reducer 傳入createstore方法。

6、由於 reducer 是純函式,就可以保證同樣的state,必定得到同樣的 view。但也正因為這一點,reducer 函式裡面不能改變 state,必須返回乙個全新的物件。

7、最好把 state 物件設成唯讀。你沒法改變它,要得到新的 state,唯一辦法就是生成乙個新物件。這樣的好處是,任何時候,與某個 view 對應的 state 總是乙個不變的物件。

Redux 入門學習

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

redux的入門學習 使用react redux

1 使用react redux 簡化的 頁面端的使用 業務的分離的分離不會變 2 減少store的引入 3 簡化state的呼叫 和 state修改的方法的使用 類似vuex中 mapstate和mapmutation 第一步 安心 npm i react redux 第二步 引入和使用 全域性配置...

redux入門基礎

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