axios useQuery总是在react-query中返回未定义的数据

yrwegjxp  于 2022-11-05  发布在  iOS
关注(0)|答案(1)|浏览(157)

我是react-query的新手,我试图将所有的API调用从useQuery调用中移到一个新文件中。不幸的是,当我这样做时,所有的数据都是未定义的。

我确实在网络选项卡中看到了网络呼叫,只是在useQuery中设置不正确。

提前感谢任何关于如何更改我的代码来修复这个问题的帮助!
第一个

avwztpqn

avwztpqn1#

AxiosResponse有一个data属性,您可以通过该属性访问实际的API JSON响应。
就像你指出的,这个:

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在第一次渲染时应该是未定义的,一旦服务器响应,它将更改为任何响应。

相关问题