react中redux有中間件。因為redux的資料需要非同步請求,所以需要中間件在redux中完成異步請求;中間件可拓展redux應用程序,當組件觸發一個action後,action會優先被中間件處理,中間件處理完後再傳遞給reducer。
本教學操作環境:Windows10系統、react17.0.1版、Dell G3電腦。
react中redux有中間件
因為我們redux中有很多資料需要非同步請求,所以需要中間件幫助我們在redux中完成非同步請求。
中間件其實就是一個函數,中間件允許我們擴展redux應用程式 。具體體現在對action的處理能力上,當元件觸發一個action後,這個action會優先被中間件處理,當中間件處理完後,中間件再把action傳遞給reducer,讓reducer繼續處理這個action
加入中間件的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中文網其他相關文章!