redux-thunk的理解

　　首先，為何我們要學習redux-thunk呢？因為最近做redux項目的時候，發現內部需要做一些異步操作。而在redux的工作流中，reducer是純函數，內部不能進行異步操作。那么我們只能將異步的操作放入在actionCreator中進行，但是如果直接這樣寫會報錯哦：

　　之前的actionCreators里面做同步操作：

　　如果要做異步操作的話，我們非常容易想到需要這樣實現：

　　但是不好意思，瀏覽器直接報錯了! 說是這樣必須要采用redux的中間件才可以實現哦。

　　那么接下來，我們就要正式的開始介紹這個redux-thunk的作用了

　　在github上面的解釋為：A thunk is a function that wraps an expression to delay its evaluation.

　　redux-thunk就是redux的中間件，中間件就是你可以在收到請求和返回請求之間做一些操作。

　　那么中間件指代的是什么到什么中間呀？

　　指的在派發 action到達reducer中間的這個過程之間。之前沒有redux-thunk這個redux中間件的時候，內部的actionCreators只能派發一個對象的action，不能做異步操作。但是后續使用了這個中間件之后呢，這個acitonCreators也可以返回一個函數，在函數內部將發射器通過參數dispatch傳遞給我們，讓我們在內部可以進行一些異步操作，異步操作結束后再把真正的action對象dispatch派發出去等。

　　好，那redux-thunk作用我們就懂了，那順便我們來看一下這個哥們的源碼吧.

　　其實值得我們分析的函數為：

　　內部判斷傳遞過來的action類型如果是函數的話，就給函數傳入dispatch, getState參數，否則執行next(action)。next()函數的作用是把action對象傳給下一個中間件或為最終的reducer。

　　所以在項目中使用redux-thunk的步驟為：

　　首先需要：

　　yarn add redux-thunk

　　在創建store倉庫的時候，需要進行相關配置：

　　最后回到最開始的代碼，我們只需要改成下述代碼即可：

　　如果還不懂？那么看一下這個圖吧：

　　恭喜您！這樣就可以解決在redux中的異步action的問題！更多關于前端培訓的問題，歡迎咨詢千鋒教育在線名師。千鋒教育擁有多年IT培訓服務經驗，采用全程面授高品質、高體驗培養模式，擁有國內一體化教學管理及學員服務，助力更多學員實現高薪夢想。

　　注：本文部分文字和圖片來源于網絡，如有侵權，請聯系刪除。版權歸原作者所有!