我正在使用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)
发布于 2020-10-16 16:44:06
使用库模拟Api请求作为msw可能会帮助您获得您所期望的自定义响应。
https://stackoverflow.com/questions/63909485
复制相似问题