2

根据RTK 查询文档，我可以创建如下查询：

export const projectsApi = createApi({
  reducerPath: 'projects',
  baseQuery: fetchBaseQuery({
    baseUrl: "https://some-site.com/api/",
    prepareHeaders: (headers) => {
      headers.set('Authorization', `Bearer ${accessToken}`);

      return headers;
    },
  }),
  tagTypes: ['Project'],
  endpoints: (builder) => ({
    fetchProjects: builder.query<Project[], void>({
      query: () => ({ url: `projects` }),
    }),
  }),
});

以上按预期工作。但是，如果想使用Kitsu 之类的外部库来获取和转换数据，则会出现以下错误：

RTK查询错误

这是我在使用 Kitsu 时更新的代码：

export const projectsApi = createApi({
  reducerPath: 'projects',
  baseQuery: fetchBaseQuery({
    baseUrl: "https://some-site.com/api/",
  }),
  tagTypes: ['Project'],
  endpoints: (builder) => ({
    fetchProjects: builder.query<Project[], void>({
      query: api.get('projects'),
    }),
  }),
});

这是api函数的代码：

const kitsu = (accessToken: string) => {
  return new Kitsu({
    baseURL: "https://some-site.com/api/",
    headers: {
      'Content-Type': 'application/json',
      'Authorization': `Bearer ${accessToken}`,
    },
  });
};

const api = kitsu("ey....");

是否可以使用 Kitsu 或任何 3rd 方包提供的功能覆盖 RTK Query/Redux Toolkit的baseQuery功能？

4

1 回答 1

4

是的，这里有几个选项：

  • 您可以创建自己的函数来实现“基本查询”行为并将其用作baseQueryAPI 切片的选项
  • 您可以通过给它们一个选项来覆盖各个端点，该queryFn选项可以是任何异步函数，它可以获取一些数据并以正确的格式返回它。

请参阅RTK 查询预览文档中的“自定义查询”页面，了解如何执行这两项操作的说明。

于 2021-05-29T19:58:05.493 回答