redux學習筆記

2021-10-07 03:47:34 字數 1021 閱讀 2410

流程如下:在redux中使用者的操作並不會直接導致view層的更新,而是view層發出actions通知出發store裡的reducer從而來更新state;

state的改變會將更新反饋給我們的view層,從而讓我們的view層發生相應的反應給使用者。

redux中有三個基本概念,action,reducer,store。

action 作用。

這麼說吧,action就像乙個指揮者,告訴我們應該做哪些事,比如我要刪除,reducer就會給我們提供『資源(就是上面說的資料)』,真正的體力勞動者是reducer。

也就是說,action裡面的每一種描述,比如新增啦,刪除乙個,刪除全部啦,reducer都有乙個對應的函式來處理資料。之後返回給你乙個新的state

reducer 只是乙個模式匹配的東西,真正處理資料的函式,是額外在別的地方寫的,在 reducer 中呼叫罷了。

store:

前面兩個,我們知道使用 action 來描述「發生了什麼」,和使用 reducers 來根據 action 更新 state 的用法。

store 就是把它們聯絡到一起的物件。store 有以下職責:

維持應用的 state;

提供 getstate() 方法獲取 state;

提供 dispatch(action) 方法更新 state;

通過 subscribe(listener) 註冊***

就是說,將action和reducer聯絡在一起的是store。

這一點要和flux的store是有區別的,flux的store是資料工廠,所有的資料操作都在store那裡執行,而且flux的store可以有多個。

redux中,資料工廠在reducer這裡,而不是在store這裡。store有且只有乙個,切記!!!!

主要有兩點:

1、資料拆解

2、資料不可變(immutabilit

Redux學習筆記

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

redux 學習筆記

學習資料 英文文件 中文文件 github redux是乙個專門用於做狀態管理的js庫 不是react外掛程式庫 它可以用在react,angular,vue等專案中,但基本與react配合使用。作用 集中式管理react應用中多個元件共享的狀態。某個元件的狀態,需要讓其他元件可以隨時拿到 共享 乙...

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

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