# Redux Thunk Redux Thunk的目的就是為了實踐middleware,讓action能做更多的事,想必大家都曾經看過這個錯誤,當action為非同步的時候,就會報錯,Redux Thunk就是為了解決這個問題而生 ![](https://i.imgur.com/Zpy2lXI.png) <br><br> ### 原本的action creator 都是回傳action object,在Redux Thunk裡面會檢查若action不是object而是function,就會執行function後再將action往下傳,直到回傳object才會進去reducers <br><br> ![](https://i.imgur.com/dziOgvL.png) store的部分因為比之前複雜,就從index.js抽離出來獨立,createStore可以接受三個參數(reducer、初始state、applyMiddleware),而applyMiddleware又可以傳入三個參數(thunk、promise、logger) <br><br> ![](https://i.imgur.com/RfSS8fh.png) index.js 將store傳入,從action再傳入api新增dispatch <br><br> ![](https://i.imgur.com/CNLC17T.png) 取得api,dispatch抓取資料裡的title欄位