我试图用Typescript设置ContextApi和useReducer。在useReducer的“ issuesInitialState”变量上,出现错误:
没有重载匹配此调用。 重载1,共5个,'((reducer:({state,action}:IssueReducer)=> {},initializerArg:never,initializer ?: undefined):[never,DispatchWithoutAction]',出现以下错误。 类型“ IssuesInitialState”的参数不能分配给类型“从不”的参数。 重载2之5,'((reducer:({state,action}:IssueReducer)=> {},initialState:never,initializer ?: undefined):[never,Dispatch]',出现以下错误。 不能将类型'IssuesInitialState'的参数分配给类型'never'的参数.ts(2769)
// Store.tsx
type Issue = {
closeDate: string | null;
description: string;
issueId: number;
lastEditDate: string | null;
priorityId: string;
projectId: number;
reportDate: string;
statusId: string;
title: string;
userId: number;
};
interface IssuesInitialState {
issues: Issue[];
issue: Issue;
issuesByProject: Issue[];
updateIssue: Issue;
}
const issuesInitialState: IssuesInitialState = {
issues: [],
issue: {
closeDate: "",
description: "",
issueId: 0,
lastEditDate: "",
priorityId: "",
projectId: 0,
reportDate: "",
statusId: "",
title: "",
userId: 0,
},
issuesByProject: [],
updateIssue: {
closeDate: "",
description: "",
issueId: 0,
lastEditDate: "",
priorityId: "",
projectId: 0,
reportDate: "",
statusId: "",
title: "",
userId: 0,
},
};
export const IssuesContext = createContext<{
issuesState: IssuesInitialState;
issuesDispatch: any;
}>({ issuesState: issuesInitialState, issuesDispatch: () => null });
export function StoreProvider({ children }: any): JSX.Element {
const [commentsState, commentsDispatch] = useReducer(
commentsReducer,
commentsInitialState
);
const [issuesState, issuesDispatch] = useReducer(
issuesReducer,
issuesInitialState // where the error is!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
);
// IssuesReducer.ts
interface IssueReducer {
state: IssuesInitialState;
action: {
type: string;
payload: Issue;
};
}
export const issuesReducer = ({ state, action }: IssueReducer): {} => {
switch (action.type) {
case FETCH_ISSUES: