javascript - Redux Thunk与打字稿

我正在学习打字稿，并且想实现一个简单的React / Redux应用程序。当我使用同步操作时，它可以正常工作，但是异步操作存在问题。我正在关注官方的redux教程。

首先，我声明会话的状态

export interface UserSessionState {
  loggedIn: boolean;
}

然后我声明动作的接口

interface UpdateSessionAction {
  type: 'USER_LOGIN';
  payload: boolean;
}

我用联合类型导出它们

export type UserActionTypes = UpdateSessionAction;

然后我有实际的行动

export function updateSession(loggedIn: UserSessionState) {
  return {
    type: 'USER_LOGIN',
    payload: loggedIn,
  };
}

我有一个假的api呼叫

function api() {
  return Promise.resolve(true);
}

最后登录

export const userLogin = (): ThunkAction<
  void,
  {},
  {},
  AnyAction
> => async (dispatch: ThunkDispatch<{}, {}, AnyAction>) => {
  const res = await api();
  dispatch(updateSession({ loggedIn: res }));
};

在reducer中，我只是初始化状态

initialState: UserSessionState = {loggedIn: false}

然后，我为减速器执行常规的redux任务。

最后，在我的商店中，我调用初始操作以检查状态

store.dispatch(userLogin());

我不断收到此错误：

Argument of type 'ThunkAction<Promise<void>, {}, {}, AnyAction>' is not assignable to parameter of type 'AnyAction'.
  Property 'type' is missing in type 'ThunkAction<Promise<void>, {}, {}, AnyAction>' but required in type 'AnyAction'.

我想念一个，type但我不知道我做错了什么。

查看更多