【问题标题】:News.jsx:16 Uncaught (in promise) TypeError: (0 , _services_cryptoNewsApi__WEBPACK_IMPORTED_MODULE_2__.useGetCryptoNewsQuery) is not a functionNews.jsx:16 Uncaught (in promise) TypeError: (0 , _services_cryptoNewsApi__WEBPACK_IMPORTED_MODULE_2__.useGetCryptoNewsQuery) 不是函数
【发布时间】:2022-10-18 16:45:23
【问题描述】:

我试图在名为的自定义反应钩子的帮助下从beingNewsApi 获取数据

使用GetCryptoNewsQuery

const createRequest = (url) => ({ url, headers: cyrptoNewsHeaders });

export const cryptoNewsApi = createApi({
    reducerPath: 'cryptoNewsApi',
    baseQuery: fetchBaseQuery({ baseUrl }),
    endpoints: (builder) => ({
        getCryptoNews: builder.query({
            query: ({ newsCategory, count }) => createRequest(`/news/search?q=${newsCategory}&safeSearch=Off&textFormat=Raw&freshness=Day&count=${count}`),
        }),
    }),

});


export const { useGetCryptoNewsQuery } = cryptoNewsApi;

但它显示了我为帖子命名的错误。上面的代码是我为获取新闻而编写的 api 代码,下面的代码是我将其称为自定义钩子的地方。

错误 :Uncaught (in promise) TypeError: (0 ,services_cryptoNewsApi__WEBPACK_IMPORTED_MODULE_2_.useGetCryptoNewsQuery) 不是函数

import { useGetCryptoNewsQuery } from "../services/cryptoNewsApi";
const { Title, Text } = Typography; 
const { Option } = Select;

const demoImage = 'https://www.bing.com/th?id=OVFT.mpzuVZnv8dwIMRfQGPbOPC&pid=News';

const News = ({ simplified }) => {

  const { data: cryptoNews}  = useGetCryptoNewsQuery({ newsCategory: 'Cryptocurrency', count: simplified ? 6 : 12 });

  if(!cryptoNews?.value) return 'Loading ... '
  
  console.log(cryptoNews);


  return (
    <div>News</div>
  )
}

【问题讨论】:

    标签: javascript reactjs web-deployment react-custom-hooks


    【解决方案1】:

    你能展示你是如何导入 createApi 和 fetchBaseQuery 的吗?

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-08-18
    • 1970-01-01
    • 2016-09-20
    • 1970-01-01
    • 2017-04-13
    相关资源
    最近更新 更多