reactjs - 在 React Redux 工具包中添加标头

Question

我正在尝试使用 react redux 工具包对 Rapid API 进行 api 调用 代码片段

import { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";

const cryptoApiHeaders = {
  "x-rapidapi-host": "coinranking1.p.rapidapi.com",
  "x-rapidapi-key": "xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx",
};
const baseUrl = "https://coinranking1.p.rapidapi.com/coins";

const createRequest = (url) => ({ url });
export const cryptoApi = createApi({
  reducerPath: "cryptoApi",
  baseQuery: fetchBaseQuery({ baseUrl, prepareHeaders: cryptoApiHeaders }),
  endpoints: (builder) => {
    getCryptos: builder.query({
      headers: cryptoApiHeaders,
      query: () => createRequest("/coin"),
    });
  },
});

export const { useGetCryptosQuery } = cryptoApi;

如果我运行该应用程序，它会在 createApi 函数中出现错误。从调试开始，它无法进行 api 调用，因此返回并为空对象。我不确定在函数中设置标题的正确位置。