首頁  >  文章  >  web前端  >  react中redux有中間件嗎

react中redux有中間件嗎

WBOY
WBOY原創
2022-04-27 11:17:342076瀏覽

react中redux有中間件。因為redux的資料需要非同步請求,所以需要中間件在redux中完成異步請求;中間件可拓展redux應用程序,當組件觸發一個action後,action會優先被中間件處理,中間件處理完後再傳遞給reducer。

react中redux有中間件嗎

本教學操作環境:Windows10系統、react17.0.1版、Dell G3電腦。

react中redux有中間件嗎

react中redux有中間件

因為我們redux中有很多資料需要非同步請求,所以需要中間件幫助我們在redux中完成非同步請求。

中間件其實就是一個函數,中間件允許我們擴展redux應用程式 。具體體現在對action的處理能力上,當元件觸發一個action後,這個action會優先被中間件處理,當中間件處理完後,中間件再把action傳遞給reducer,讓reducer繼續處理這個action

加入中間件的redux工作流程

react中redux有中間件嗎

#Redux常用中間件(redux-saga)

redux-saga比redux-thunk更強大,因為redux-saga可以將非同步操作從Action Creator檔案中抽離出來,放在一個單獨的檔案中

如何使用redux- saga ?

下載:

npm install redux-saga

建立redux-saga中間件

import createSagaMiddleware from ' redux-saga '
const sagaMiddleware = createSagaMiddleware ( )

註冊sagaMiddleware

#
createStore (reducer , applyMiddleware (sagaMiddleware) )

推薦學習:《react影片教學

#

以上是react中redux有中間件嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn