带有typescript的 redux-thunk

IT技术 reactjs typescript redux redux-thunk
2021-04-29 13:40:37

我正在尝试学习 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 个类型参数。

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

非常感谢

2个回答

原来这个问题与新版本的 redux (4.0.0) 与当前版本的 redux-thunk (2.2.0) 不兼容有关。

请参阅此链接:https : //github.com/gaearon/redux-thunk/issues/169

和这个公关:https : //github.com/gaearon/redux-thunk/pull/180

我认为您需要以dispatch某种方式输入:

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

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

相关文章