redux 學習筆記

2022-10-11 04:00:11 字數 1228 閱讀 7720

學習資料:

英文文件:

中文文件:

github:

redux是乙個專門用於做狀態管理的js庫(不是react外掛程式庫)。

它可以用在react, angular, vue等專案中, 但基本與react配合使用。

作用: 集中式管理react應用中多個元件共享的狀態。

某個元件的狀態,需要讓其他元件可以隨時拿到(共享)。

乙個元件需要改變另乙個元件的狀態(通訊)。

components 告訴 action creators 要執行的動作, action creators 可以有多個,

它會建立乙個動作物件 action,包含要執行的動作型別和動作資料,交由 dispatch 進行分發,

dispatch會交給store,

store 相當於乙個管理者,管理各個部分,store 將 action 和 previousstate 傳遞給 reducers ,

reducers 加工狀態執行要操作的動作物件,返回乙個新的 state ,交還給 store,

元件可以通過 getstate() 方法得到 redux 管理的狀態.

1、動作的物件

2、包含2個屬性

type:標識屬性, 值為字串, 唯一, 必要屬性

data:資料屬性, 值型別任意, 可選屬性

3、例子: }用於初始化狀態、加工狀態。

加工時,根據舊的state和action, 產生新的state的純函式。

1、將state、action、reducer聯絡在一起的物件

2、如何得到此物件?

1)     import from 'redux'

2)     import reducer from './reducers'

3)     const store = createstore(reducer)

3、此物件的功能?

1)     getstate(): 得到state

2)     dispatch(action): 分發action, 觸發reducer呼叫, 產生新的state

3)     subscribe(listener): 註冊監聽, 當產生了新的state時, 自動呼叫

redux學習筆記

流程如下 在redux中使用者的操作並不會直接導致view層的更新,而是view層發出actions通知出發store裡的reducer從而來更新state state的改變會將更新反饋給我們的view層,從而讓我們的view層發生相應的反應給使用者。redux中有三個基本概念,action,red...

Redux學習筆記

redux 對於通訊工程專業的來說可以這麼理解 在不用redux的時候,元件中的資訊傳遞就好像我通過用嘴巴說的方式向你傳遞資訊,但是當周圍環境比較嘈雜資訊比較多或者我距離你比較遠的時候,資訊的傳遞就比較費勁了,一句兩句還好,多了肯定會很累。那麼redux是個什麼存在呢?他就像乙個基站,我和大家的所有...

Redux學習筆記 Redux簡易開發步驟

該文章不介紹redux基礎,也不解釋各種亂亂的概念,網上一搜一大堆。只講使用redux開發乙個功能的步驟,希望可以類我的小白們,拜託它眾多概念的毒害,大牛請繞道!本文例項源 參考 react redux primary demo const render reactdom.render class ...