react/axios -- 无法通过 API 调用获取数据答案

【问题标题】：react/axios -- not able to get data by API callreact/axios -- 无法通过 API 调用获取数据
【发布时间】：2021-09-24 07:39:12
【问题描述】：

我是第一次使用 React，我正在我的 React 代码中进行 API 调用。我正在关注网上的一个例子。该示例完美运行。而且我遵循相同的方式并实现了我的 API 调用。 API 调用成功。但我将响应分配给一个对象并在控制台中打印它，但我的对象打印为未知。

我的代码：

export const getXFlowdata = async () => {
    try{
        const {data} = axios.get(xurl, { headers: headers });

        console.log('Data: ', data)
        console.log('Data Type: ',typeof data)
       
        return data;
 
    }catch(error) {
        throw error;
    }
}

输出：

数据：未定义

数据类型：未定义

我休闲的例子：

export const getPieData = async () => {
    try{
        const {data} = await axios.get(baseUrl);
        console.log('Data: ', data)
        console.log('Data Type: ',typeof data)
        return data;
    }catch(error){
        throw error;
    }
}

输出：

数据：{已确认：{…}，恢复：{…}，死亡：{…}，每日总结：

数据类型：对象

【问题讨论】：

axios.get --> await axios.get

标签： javascript reactjs api rest

【解决方案1】：

你得到的是一个 Promise 而不是数据本身，因为你没有在 async 函数和 Promise 中编写 await 没有任何属性数据，因为它尚未解析。

  export const getXFlowdata = async () => {
    try{
        const {data} = await axios.get(xurl, { headers: headers });

        console.log('Data: ', data)
        console.log('Data Type: ',typeof data)
       
        return data;
 
    }catch(error) {
        throw error;
    }
}

【讨论】：