react中redux有沒有中間件

這篇文章主要講解了“react中redux有沒有中間件”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“react中redux有沒有中間件”吧！

react中redux有中間件，因?yàn)閞edux中的數(shù)據(jù)需要異步請(qǐng)求，所以需要中間件在redux中完成異步請(qǐng)求；中間件可拓展redux應(yīng)用程序，當(dāng)組件觸發(fā)一個(gè)action后，action會(huì)優(yōu)先被中間件處理，中間件處理完后再傳遞給reducer。

本教程操作環(huán)境：Windows10系統(tǒng)、react17.0.1版、Dell G3電腦。

react中redux有中間件嗎

react中redux有中間件

因?yàn)槲覀價(jià)edux中有很多數(shù)據(jù)需要異步請(qǐng)求，所以需要中間件幫助我們?cè)趓edux中完成異步請(qǐng)求。

中間件其實(shí)就是一個(gè)函數(shù)，中間件允許我們擴(kuò)展redux應(yīng)用程序 。具體體現(xiàn)在對(duì)action的處理能力上，當(dāng)組件觸發(fā)一個(gè)action后，這個(gè)action會(huì)優(yōu)先被中間件處理，當(dāng)中間件處理完后，中間件再把a(bǔ)ction傳遞給reducer，讓reducer繼續(xù)處理這個(gè)action

加入中間件的redux工作流程

Redux常用中間件（redux-saga）

redux-saga比redux-thunk更加強(qiáng)大，因?yàn)閞edux-saga可以將異步操作從Action Creator文件中抽離出來，放在一個(gè)單獨(dú)的文件中

如何使用redux-saga ？

下載：

npm install redux-saga

創(chuàng)建redux-saga中間件

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

注冊(cè)sagaMiddleware

createStore (reducer , applyMiddleware (sagaMiddleware) )

感謝各位的閱讀，以上就是“react中redux有沒有中間件”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)react中redux有沒有中間件這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！