我是react-query的新手,我试图将所有的API调用从useQuery调用中移到一个新文件中。不幸的是,当我这样做时,所有的数据都是未定义的。
我确实在网络选项卡中看到了网络呼叫,只是在useQuery中设置不正确。
提前感谢任何关于如何更改我的代码来修复这个问题的帮助!第一个
avwztpqn1#
AxiosResponse有一个data属性,您可以通过该属性访问实际的API JSON响应。就像你指出的,这个:
data
async () => { const { data } = await axios.get(API_URL + '/event/' + conf_id) return data }
应该足以满足取数功能。因此,最终的实现应该如下所示
const axios = require('axios'); const getEventById = async () => { const { data } = await axios.get(API_URL + '/event/2541' + '?noyear=true'); return data; }; const { loading, data, error } = useQuery('conf_id', getEventById);
你从useQuery得到的data在第一次渲染时应该是未定义的,一旦服务器响应,它将更改为任何响应。
useQuery
1条答案
按热度按时间avwztpqn1#
AxiosResponse有一个
data
属性,您可以通过该属性访问实际的API JSON响应。就像你指出的,这个:
应该足以满足取数功能。
因此,最终的实现应该如下所示
你从
useQuery
得到的data
在第一次渲染时应该是未定义的,一旦服务器响应,它将更改为任何响应。