redux 动作创建者的类型

Question

我目前对我正在开发的 react-redux 应用程序中的动作创建者的类型感到困惑。我有这个等式两边都有类型的动作创建器，TS 编译器说一切都很完美：

const setItem: ActionCreator<ThunkResult<void>> = (...): ThunkResult<void> => (...): void => {
  dispatch({
    ...
  });
};

其中 ThunkResult 是 ThunkResult<R> = ThunkAction<R, IStoreState, null, ActionTypes>

我不清楚为什么左侧函数的返回类型是ActionCreator<ThunkResult<void>>，而右侧是ThunkResult<void>。

注意：我跳过了 args，因为它们在这个问题中并不重要。

不知道是对TS functions的误解还是TS的问题。

Answer 1

我可以让你更容易理解 首先，只要认为 ActionCreator 是一个 Type 并且它将是

type ActionCreator<T> = (params) : T => T
// then you can defined the variable
const setItem: ActionCreator<string> = (params) : string => ""

点赞ThunkResult

type ThunkResult<T> = (params): T => T
// then you can defined the variable
const thunk: ThunkResult<number> = (params): number => 0

所以，如果你把它们混合起来会是这样的

ActionCreator<ThunkResult<void>> = (params) : ThunkResult<void> => ThunkResult<void>
// and 
ThunkResult<void> = (params):void => void
// so
ActionCreator<ThunkResult<int>> = (params): ThunkResult<void> => (params2): void => void // just replace ThunkResult<void> above with (params):void => void

希望对你有帮助