Question

import axios from 'axios';

const url = 'https://covid19.mathdro.id/api';

export const fetchData = async () => {
  try {
    const { data: { confirmed, recovered, deaths, lastUpdate} } = await axios.get(url);
    return {confirmed, recovered, deaths, lastUpdate};
} catch (error) {
}
}
export const fetchDailyData = async()=> {
try{
    const data = await axios.get('${url}/daily');
    console.log("DATA",data);
    const modifiedData = data.map((dailyData) => ({
        confirmed: dailyData.confirmed.total,
        deaths: dailyData.deaths.total,
        date: dailyData.reportDate,
    }));
    return modifiedData;
} catch(error){
    console.log("DATA NOT FOUND");
    var r = []
    return r
}
}

这里我不是想从这个 API 获取数据：https://covid19.mathdro.id/api/daily

但是每当我尝试调用 fetchDailyData 时，我只会在控制台上收到“DATA NOT FOUND”

Answer 1

您使用 ' 而不是 `（靠近转义按钮下方）来使用字符串模板：

const data = await axios.get(`${url}/daily`);

Answer 2

除了 ' 错误的语法，data.map 还会抛出错误：map is not a function，因为您正在尝试映射响应而不是 response.data。

你应该这样做：

const data = await axios.get('${url}/daily');

致：

const response = await axios.get(`${url}/daily`);

还有你的地图：

const modifiedData = data.map((dailyData) => ({

致：

const modifiedData = response.data.map((dailyData) => ({

没有从 API 获取任何数据

2 个答案: