小编Yoz*_*ozz的帖子

我正在使用 RTK Query & AppSync (graphQL) 开发一个 React 应用程序。我尝试了如下查询请求，但 redux 状态始终为“rejected” "Cannot read properties of undefined (reading 'filter')"（请检查下面的图片）。

看来请求本身已成功完成（200），所以我猜这是由于 geaphQL 客户端造成的。

没有 RTK 查询的 Redux Toolkit 按预期工作。

请帮忙

RTK查询（拒绝）

import { createApi } from '@reduxjs/toolkit/query/react';
import { graphqlRequestBaseQuery } from '@rtk-query/graphql-request-base-query';
import { API } from 'aws-amplify';
import { GRAPHQL_AUTH_MODE } from '@aws-amplify/api-graphql/lib/types';
import { listSurveyTitles } from 'src/graphql/queries';
import aws_exports from 'src/aws-exports';

API.configure(aws_exports);

export const surveyTitlesApi = createApi({
  reducerPath: 'surveyTitles',
  baseQuery: graphqlRequestBaseQuery({
    url: '/graphql',
  }),
  endpoints: (builder) => …

我有一个 TypeScript 函数返回一个特定类型的对象，如下所示。

type ImageFormat = {
  type: 'image/avif' | 'image/jpeg' | 'image/png' | 'image/svg+xml' | 'image/webp';
};

const sampleFunction = (): { format: ImageFormat } => {
  const format: ImageFormat = {
    type: 'image/png',
  };

  return {
    format,
  };
};

它工作正常，但是当它返回一个与另一个对象合并的对象时，它需要as const指定类型：

type ImageFormat = {
  type: 'image/avif' | 'image/jpeg' | 'image/png' | 'image/svg+xml' | 'image/webp';
};

const sampleFunction = (): { format: ImageFormat } => {
  const typedFormat: ImageFormat = {
    type: 'image/png',
  };

  const format …