集成“function thunk”：“不能将类作为函数调用”

Question

怎么修呢？

composeWithDevTools(applyMiddleware()) // work
composeWithDevTools(applyMiddleware(thunk)) // don't work

控制台错误消息：

Uncaught TypeError: Cannot call a class as a function

代码：

import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import thunk from 'react-thunk';

createStore(reducer, composeWithDevTools(applyMiddleware(thunk)));

Answer 1

相反，

import thunk from 'react-thunk';

必须是

import thunk from 'redux-thunk';

Answer 2

import { createStore, applyMiddleware, compose } from 'redux';
import { browserHistory } from 'react-router';
import { routerMiddleware } from 'react-router-redux';
import reducers from '../reducers/';
import thunk from 'redux-thunk';

const middlewares = [thunk, routerMiddleware(browserHistory), apiMiddleware];

const enhancers = compose(
  applyMiddleware(...middlewares),
);

const store = createStore(reducers, enhancers);


export default store;