狀態(tài)管理之redux概念綜述(未完待更)

Redux

store

存儲(chǔ)state,唯一store。
創(chuàng)建store
createStore([reducer], [preloadedState], applyMiddleware([middlewares]))

Provider

reducer

唯一可直接修改state的方式,為function,傳入state,action,返回state一個(gè)新的對(duì)象。

combineReducers

組合多個(gè)reducer

官方示例

rootReducer = combineReducers({potato: potatoReducer, tomato: >tomatoReducer})
// This would produce the following state object
{
 potato: {
   // ... potatoes, and other state managed by the potatoReducer ...
 },
 tomato: {
   // ... tomatoes, and other state managed by the tomatoReducer, maybe >some nice sauce? ...
 }
}

action

帶有key為type的一個(gè)object,引入redux-thunk時(shí)可為function以處理異步邏輯。
通過(guò)dispatch([action])的方式,發(fā)起一個(gè)動(dòng)作 => 中間件處理邏輯之后 => 調(diào)起reducer執(zhí)行對(duì)應(yīng)type的代碼,返回新的state。

dispatch

發(fā)起一個(gè)動(dòng)作,傳入action,該方法由store提供。
store.dispatch

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • rljs by sennchi Timeline of History Part One The Cognitiv...
    sennchi閱讀 7,847評(píng)論 0 10
  • 學(xué)習(xí)必備要點(diǎn): 首先弄明白,Redux在使用React開(kāi)發(fā)應(yīng)用時(shí),起到什么作用——狀態(tài)集中管理 弄清楚Redux是...
    賀賀v5閱讀 9,068評(píng)論 10 58
  • 有時(shí)從一地點(diǎn)切換到另一地點(diǎn),急急的,好像腳下踩了風(fēng)火輪,再加上經(jīng)常穿了一身運(yùn)動(dòng)黑,瞬間會(huì)有如此感覺(jué)——再佩一把劍,...
    白藜蘆醇閱讀 227評(píng)論 0 0
  • 一直沒(méi)有接到電話(huà),所以大致明白這次是沒(méi)戲的,不過(guò)真的查到分?jǐn)?shù)之后,即在意料之中又在意料之外,不出意外的是果然不在前...
    薄涼不暖閱讀 157評(píng)論 0 0
  • 我們?cè)賮?lái)說(shuō)說(shuō)幾項(xiàng)內(nèi)功修煉: 第十二條,選人如何多樣化?選人能力是重要功夫。選擇符合中國(guó)眾籌的人并不是件容易的...
    Sky云霄閱讀 191評(píng)論 0 0

友情鏈接更多精彩內(nèi)容