使用Typescript设置Context Api和useReducer时出现“没有重载匹配此调用”错误

由 发布于 typescriptreactjscontext-api
 收藏

我试图用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:
评论