文章/答案/技术大牛

发布

社区首页 >问答首页 >使用react-query (useQuery)处理故事簿获取错误

问使用react-query (useQuery)处理故事簿获取错误
EN

Stack Overflow用户

提问于 2020-09-16 04:34:30

回答 1查看 715关注 0票数 1

我正在使用storybook独立地开发我的react组件。我在使用react-query (useQuery)处理storybook时遇到了一个问题。在应用程序中实现该组件后，我没有收到任何错误，一切都按预期进行。

async function searchStationsByCallLetter(_, param) {
  const request = {
    callLettersView: param, 
  };

  const { data } = await ApiService().makeApiCall(API_ENDPOINTS.BROADCAST_LINEUP.SEARCH_STATIONS, request, HTTP_POST);
  return data;
}

export default function useSearchStationsByCallLetter(inputValue = '') {
  return useQuery(['searchStationsByCallLetter', inputValue], searchStationsByCallLetter);

我有一个返回useQuery钩子的自定义react钩子useSearchStationsByCallLetter。React-query应该使用searchStationsByCallLetter作为api调用。ApiService和makeApiCall是一个自定义的axios设置。

我在故事书中得到的错误是：

TypeError: Object(...) is not a function
    at _callee$ (AddLineupHooks.js:8)
    at tryCatch (runtime.js:63)
    at Generator.invoke [as _invoke] (runtime.js:293)
    at Generator.next (runtime.js:118)
    at asyncGeneratorStep (asyncToGenerator.js:3)
    at _next (asyncToGenerator.js:25)
    at asyncToGenerator.js:32
    at new Promise (<anonymous>)
    at Object.<anonymous> (asyncToGenerator.js:21)
    at Object.searchStationsByCallLetter [as queryFn] (AddLineupHooks.js:8)

javascript

reactjs

storybook

react-query

回答 1

Stack Overflow用户

发布于 2020-10-17 00:44:06

使用库模拟Api请求作为msw可能会帮助您获得您所期望的自定义响应。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63909485

复制

相似问题

问使用react-query (useQuery)处理故事簿获取错误
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用react-query (useQuery)处理故事簿获取错误EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用react-query (useQuery)处理故事簿获取错误
EN