Not getting any data from API

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
}
}

Here I'mt trying to get data from this API: https://covid19.mathdro.id/api/daily

But Whenever I'm trying to call fetchDailyData , I'm only getting "DATA NOT FOUND" on the console

Please write console.log("DATA NOT FOUND", error) and paste the result in your answer. The endpoint you are calling supports cross origin requests so your code should work. The error may be in the data.map — Guerric P
– Guerric P, Commented Jun 24, 2021 at 18:05
No the error is in fetching the data from the API endpoint because the console log written below the axios.get is also not printing. — Ritik Kumar
– Ritik Kumar, Commented Jun 24, 2021 at 18:08
Data not found Error: Request failed with status code 404, this is the error I'm getting — Ritik Kumar
– Ritik Kumar, Commented Jun 24, 2021 at 18:12

Omri Attiya · Accepted Answer · 2021-06-24 18:10:07Z

2

You used ' instead of ` (near below escape button) to use string templates:

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

answered Jun 24, 2021 at 18:10

Omri Attiya

4,0473 gold badges22 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Luis Paulo Pinto · Accepted Answer · 2021-06-24 18:24:31Z

1

Besides the ' wrong syntax, the data.map will also throw an error: map is not a function, because you are trying to map the response and not the response.data.

You should do something like that:

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

To:

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

And your map:

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

To:

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

answered Jun 24, 2021 at 18:24

Luis Paulo Pinto

6,0864 gold badges23 silver badges37 bronze badges

Collectives™ on Stack Overflow

Not getting any data from API

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related