Redux +打字稿+打字稿-行动：
Redux +打字稿+打字稿-行动：
提问于 2019-01-17 16:37:59
在使用类型记录3.2.2时出现问题-操作3.0.0。我在下面创建了一个例子来说明这个问题。
基本上在我的还原器中，payload不是在action上定义的，因为我的一些操作是EmptyAction类型的，它没有定义payload属性。如果我将这些更改为有一个空的有效载荷({})，那么对所有操作都定义了payload，但是现在并不是根据操作的type (在还原器中)来确定payload的类型。
我相信我正确地跟踪了强力教程。
工作示例：https://github.com/JoshMcCullough/react-ts-test
action-types.ts
export default {
GET_PROFILES_REQUEST: "GET_PROFILES_REQUEST",
GET_PROFILES_SUCCESS: "GET_PROFILES_SUCCESS",
GET_PROFILES_FAILURE: "GET_PROFILES_FAILURE",
};actions.ts
import { action } from "typesafe-actions";
import { ApiErrorResponse } from "../../app/api/ApiErrorResponse";
import { Profile } from "../../app/models/Profile";
import ActionTypes from './action-types';
export const getProfilesRequest = () => action(ActionTypes.GET_PROFILES_REQUEST); // EmptyAction<string>
export const getProfilesSuccess = (profiles: Profile[]) => action(ActionTypes.GET_PROFILES_SUCCESS, { profiles }); // Action<string, { profiles: Profile[] }>
export const getProfilesFailure = (error: ApiErrorResponse) => action(ActionTypes.GET_PROFILES_FAILURE, { error }); // Action<string, { error: ApiErrorResponse }>reducer.ts
import { ActionType, getType } from "typesafe-actions";
import * as Actions from './actions';
import { Profile } from "../../app/models/Profile";
// reducer
export type ProfileAction = ActionType<typeof Actions>;
export type State = {
profiles: Profile[];
errorMessage: string;
loading: boolean;
};
const INITIAL_STATE = {
profiles: [],
errorMessage: null,
loading: false,
};
export default (state: State = INITIAL_STATE, action: ProfileAction): State => {
switch (action.type) {
case getType(Actions.getProfilesRequest): return {
...state,
loading: true,
};
case getType(Actions.getProfilesSuccess): return {
...state,
profiles: action.payload.profiles,
// ERROR: Property 'payload' does not exist on type 'EmptyAction<string> | PayloadAction<string, { profiles: Profile[]; }> | PayloadAction<string, { error: ApiErrorResponse; }>'.
// Property 'payload' does not exist on type 'EmptyAction<string>'. [2339]
loading: false,
};
case getType(Actions.getProfilesRequest): return {
...state,
errorMessage: action.payload.error.message,
// ERROR: Property 'payload' does not exist on type 'EmptyAction<string> | PayloadAction<string, { profiles: Profile[]; }> | PayloadAction<string, { error: ApiErrorResponse; }>'.
// Property 'payload' does not exist on type 'EmptyAction<string>'. [2339]
loading: false,
};
default: return state;
}
};回答 1
Stack Overflow用户
发布于 2019-01-18 01:41:37
原来我的动作类型没有被定义为const！我忽略了它，因为我正在升级一个现有的代码基。
解决方案是确保它们是consts：
action-types.ts
export const GET_PROFILES_REQUEST = "GET_PROFILES_REQUEST";
export const GET_PROFILES_SUCCESS = "GET_PROFILES_SUCCESS";
export const GET_PROFILES_FAILURE = "GET_PROFILES_FAILURE";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54240438
复制相关文章
相似问题
腾讯云开发者
