redux-thunk with typescript

Question

我正在尝试学习redux，我正在尝试实现redux-thunk中间件。 我一直在关注一些不同的教程，他们提出类似的建议：

import thunk from "redux-thunk";
import promise from "redux-promise-middleware";
...
const middleware = applyMiddleware(promise(), thunk);
const store = createStore(reducers, middleware);

这给了我以下错误：

/Users/me/Documents/workspace/redux/node_modules/redux-thunk/index.d.ts(4,47）：通用类型'Dispatch'需要2个类型的参数。

有人可以解释一下发生了什么以及如何解决这个问题？

非常感谢

Answer 1

我认为您需要以某种方式键入dispatch ：

interface IStoreState {
  readonly pendingActions: number;
  readonly isAuthenticated: boolean;
};

function signIn(): (dispatch: Dispatch<IStoreState>) =>  ....

相关文章 。

Answer 2

这个问题与新版本的redux（4.0.0）与当前版本的redux-thunk（2.2.0）不兼容有关。

请看以下链接： https ： //github.com/gaearon/redux-thunk/issues/169

这个PR： https ： //github.com/gaearon/redux-thunk/pull/180