Promise Redux：TypeError：下一個不是函數

Question

我有一個應用程序在React + Redux上運行，並且使用了redux-promise中間件來處理promise API調用。我想管理每個API調用的狀態（加載成功&錯誤）。因此，如the official documentation says我更改了applyMiddleware參數。

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import promiseMiddleware from 'redux-promise'; 
import { Provider } from 'react-redux'; 
import { createStore, applyMiddleware } from 'redux'; 
import { Router, browserHistory } from 'react-router'; 

import reducers from './reducers'; 
import routes from './routes'; 

const createStoreWithMiddleware = applyMiddleware(
    promiseMiddleware({ 
    promiseTypeSuffixes: ['LOADING', 'SUCCESS', 'ERROR'], 
    }), 
)(createStore); 

ReactDOM.render(
    <Provider store={createStoreWithMiddleware(reducers)}> 
    <Router history={browserHistory} routes={routes} /> 
    </Provider> 
    , document.querySelector('.container')); 

但是，當我改變appyMiddleware我的應用程序不工作了，我有這樣的錯誤顯示在控制檯上：

TypeError: next is not a function

如果我變回這條線，一切正常，再次按預期。

const createStoreWithMiddleware = applyMiddleware(promiseMiddleware)(createStore); // App works again 

怎麼了？

謝謝

Answer 1

我堅信你創建商店的方式是不正確的。

在創建商店，有3個參數，

createStore(reducer, preloadedState, enhancer) {...} 

（1）減速 - >（必需）

（2）preLoadedState - >（可選）

（3） enhancer - >（可選）//這是您的applyMiddleware應該傳遞的地方。因此，最小建立一個商店的是，

const store = createStore(() => {}); 

要回答你的問題，創建與中間件應該是一個商店，

const store = createStore(yourReducer, {}, applyMiddleware(promiseMiddleware)) 

或者乾脆

const store = createStore(yourReducer, applyMiddleware(promiseMiddleware)) 

//這也應該工作，因爲如果第二個參數是一個函數，那麼它將被視爲增強器。