为什么我的编辑器说“'await' 对这个表达式的类型没有影响”？

Question

为什么我的编辑器 (PHPStorm) 说我不需要“等待”？ 它工作正常...
这是代码：

export const fetchBoards = (): AppThunk =>
  async function (dispatch): Promise<void> {
    try {
      const { boards }: { boards: IBoardItem[] } = await api.get('/board');
      dispatch({ type: 'UPDATE_BOARDS', payload: boards });
      window.console.log('Success');
    } catch (e) {
      window.console.error(e);
      dispatch({ type: 'ERROR', payload: e });
    }
  };
export const addBoard = (board: { title: string }): AppThunk =>
  async function (dispatch): Promise<void> {
    try {
      const res = await api.post('/board', board);
      window.console.log(res);

      window.console.log('Before');
      await dispatch(fetchBoards()); // 'await' has no effect on the type of this expression
      window.console.log('After');
    } catch (e) {
      window.console.error(e);
      const res = dispatch({ type: 'ERROR', payload: e });
    }
  };

Answer 1

因为您的dispatch输入错误并且不知道您正在使用的redux-thunk中间件。

请根据 TypeScript 快速入门 https://redux-toolkit.js.org/tutorials/typescript设置您的项目，这将为您提供正确的AppDispatch类型以用于您的AppThunk类型。

另请注意，您通常正在编写一种非常过时（2019 年之前）的样式 Redux - 在现代 Redux 中，您不会使用手动对象发送"ACTION_TYPES" ，它通常是代码的 1/4。 请阅读为什么 Redux 工具包今天是如何使用 Redux 。