Redux中middleware小結(jié)

<h5>為什么出現(xiàn)middleware?</h5>
為了解決異步操作。
<h5>middleware如何處理異步的?</h5>
Action 發(fā)出以后,過一段時(shí)間再執(zhí)行 Reducer。
<h5>那中間件又是什么意思?</h5>
middleware就是一個(gè)中間件,中間件的本質(zhì)是函數(shù)。在發(fā)出 Action 和執(zhí)行 Reducer 這兩步之間,添加其他功能。

<h5>中間件的用法</h5>

import { applyMiddleware, createStore } from 'redux';
import createLogger from 'redux-logger';
const logger = createLogger();

const store = createStore(
  reducer,
  applyMiddleware(logger)
);

如上所示,把生成的中間件放入applyMiddleware中,傳入createStore方法,就完成了store.dispatch()的功能增強(qiáng)。如果有多個(gè)中間件,就以此有序的放入applyMiddleware中。
<h5>applyMiddleware作用是什么?</h5>
它是 Redux 的原生方法,作用是將所有中間件組成一個(gè)數(shù)組,依次執(zhí)行。


概念圖:

middleware.jpg
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • “中間件”這個(gè)詞聽起來很恐怖,但它實(shí)際一點(diǎn)都不難。想更好的了解中間件的方法就是看一下那些已經(jīng)實(shí)現(xiàn)了的中間件是怎么工...
    Jmingzi_閱讀 1,718評論 1 7
  • 一、什么情況需要redux? 1、用戶的使用方式復(fù)雜 2、不同身份的用戶有不同的使用方式(比如普通用戶和管...
    初晨的筆記閱讀 2,066評論 0 11
  • 為什么dispatch需要middleware 上圖表達(dá)的是 redux 中一個(gè)簡單的同步數(shù)據(jù)流動(dòng)的場景,點(diǎn)擊 b...
    一個(gè)胖子的我閱讀 2,007評論 1 9
  • 前言 本文 有配套視頻,可以酌情觀看。 文中內(nèi)容因各人理解不同,可能會(huì)有所偏差,歡迎朋友們聯(lián)系我討論。 文中所有內(nèi)...
    珍此良辰閱讀 11,948評論 23 111
  • 學(xué)習(xí)必備要點(diǎn): 首先弄明白,Redux在使用React開發(fā)應(yīng)用時(shí),起到什么作用——狀態(tài)集中管理 弄清楚Redux是...
    賀賀v5閱讀 8,953評論 10 58