Not able to get values from the api to chart.js, react js

Question

so this is my api, which is stored in a url "https://covid19.mathdro.id/api/confirmed"

this is my api index file

import axios from "axios";

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

export const fetchData = async () => {

  try {
    const {
      data: countryRegion ,
    } = await axios.get(url);

    return {  countryRegion };
  } catch (error) {
    return error;
  }
};

in this sandbox code, i have tried to take the value of countryRegion from the api, but it appears as undefied in the console. https://codesandbox.io/s/react-chartjs-2-nqo9n

i have upvoted your question to remove negative... when you ask qn on SO, it will be good to add relavent code snippets in your question (not just a sandbox link) — Guru Hadadi
– Guru Hadadi, Commented May 18, 2020 at 7:52

Guru Hadadi · Accepted Answer · 2020-05-18 08:30:26Z

3

Looks like you are destructuring incorrectly.

const { data: { countryRegion } } = await axios.get(changeableUrl);

Do this in your api

const { data: countryRegion } = await axios.get(changeableUrl);

Update based on the comment:

If only country is needed in the array, just map thru it and extract countryRegion

export const fetchData = async country => {
  try {
    let { data: countryRegion } = await axios.get(url);
    return { countryRegion: countryRegion.map(country => country.countryRegion) };
  } catch (error) {
    return error;
  }
};

edited May 18, 2020 at 8:30

answered May 18, 2020 at 7:19

Guru Hadadi

13.8k2 gold badges18 silver badges29 bronze badges

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

2 Comments

rawrstar Over a year ago

but this gives me a whole array, and not just one value, for example i need balue in console to be countryRegion: {russia, US..}

Guru Hadadi Over a year ago

just map thru it and extract the countryRegion ... i have updated the answer..

Collectives™ on Stack Overflow

Not able to get values from the api to chart.js, react js

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related