Redux-thunk与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' 需要两个类型参数。

请问有人能够解释一下这个错误是怎么回事以及如何修复吗？

非常感谢

- JT-Helsinki

Answer 1

这个问题与新版本的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

- JT-Helsinki

Answer 2

我认为你需要以某种方式输入dispatch：

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

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

相关文章。

- Tomasz Mularczyk