我正在更新项目中的依赖项(redux 4.0.1,redux-thunk 2.3.0,typescript 3.1.3),并且我很难在两个项目中都找到正确的类型以供redux-thunk使用动作声明作为我的mapDispatchToProps声明。
例如,我有以下操作:
正常的还原动作
export interface UpdateRowContent {
type: typeof Actions.UPDATE_ROW_CONTENT;
payload: React.ReactNode[];
}
export const updateRowContent: ActionCreator<Action> = (content: React.ReactNode[]) => {
return { type: Actions.UPDATE_ROW_CONTENT, payload: content};
};
Redux-thunk动作
export interface ToggleModalShown {
type: typeof Actions.TOGGLE_MODAL_SHOWN;
payload: {
isShown: boolean;
targetType: TargetType;
packageItemId?: string;
};
}
export function toggleModalShown(
isShown: boolean,
targetType: TargetType,
packageItemId?: string,
): any {
return (dispatch: Dispatch<any>) => {
if (isShown) {
dispatch(clearForm());
} else if (packageItemId) {
dispatch(fillForm(packageItemId));
}
dispatch({
type: Actions.TOGGLE_MODAL_SHOWN,
payload: {isShown: isShown, targetType: targetType, packageItemId: packageItemId ? packageItemId : null},
});
};
}
我的mapDispatchToProps如下:
type DispatchType = Dispatch<Action> | ThunkDispatch<IState, any, Action>;
function mapDispatchToProps(dispatch: DispatchType) {
return {
updateRowContent: (content: React.ReactNode[]) => {
dispatch(updateRowContent(content));
},
toggleModalShown: (isShown: boolean, targetType: TargetType) => {
dispatch(toggleModalShown(isShown, targetType));
},
};
}
我在网上找到的所有内容都告诉我将mapDispatchToProps键入为ThunkDispatch<S,E,A>
,这是我目前正在尝试做的事情。
指南告诉我将实际的重击动作键入为ActionCreator<ThunkAction<R,S,E,A>>
当我尝试使用ActionCreator<ThunkAction<void,IState,any,Action>>
代替any
作为我的redux-thunk类型时,出现错误Argument of type 'ActionCreator<ThunkAction<void, GoState, any, Action<any>>>' is not assignable to parameter of type 'Action<any>'.
有什么想法吗?
答案 0 :(得分:1)
好吧,我在调度输入中犯了一个愚蠢的错误...
type DispatchType = Dispatch<Action> | ThunkDispatch<IState, any, Action>;
function mapDispatchToProps(dispatch: DispatchType) {...}
应该是
type DispatchType = Dispatch<Action> & ThunkDispatch<IState, any, Action>;
function mapDispatchToProps(dispatch: DispatchType) {...}
修复后,我发现我的redux-thunk操作类型应该是
export function toggleModalShown(): ThunkAction<void, IState, any, Action> {...}
代替
export function toggleModalShown(): ActionCreator<ThunkAction<void, IState, any, Action>> {...}