學習資料:
英文文件:
中文文件:
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 ...