response.data.key возвращает неопределенное значение, когда я хочу получить или получить некоторые конкретные поля из данных Json или API с помощью axios.get

Question

когда я отправляю запрос на получение в следующую конечную точку https://countriesnode.herokuapp.com/v1/countries/, он возвращает данные JSON, как показано ниже ...

{
        "name": "Andorra",
        "native": "Andorra",
        "phone": "376",
        "continent": "EU",
        "capital": "Andorra la Vella",
        "currency": "EUR",
        "languages": [
            "ca"
        ],
        "emoji": "??",
        "emojiU": "U+1F1E6 U+1F1E9",
        "code": "AD"
    },

, он возвращает все доступные страны, которые были сохранены в JSONданные.И это показывает все поля, такие как имя, родной и так далее.Но я хочу показать некоторые конкретные поля, такие как континент и язык, а не все поля в списках. Я пытаюсь, как

response.data.continent

, но возвращает неопределенное значение.Мой запрос на получение

 axios.get(`https://countriesnode.herokuapp.com/v1/countries/`)

Он показывает правильные данные, если я фильтрую по одной стране, но я хочу показать некоторые поля для всех стран, которые были в списке.

Answer 1

https://countriesnode.herokuapp.com/v1/countries/ возвращает массив объектов, подобных тому, который вы опубликовали ... так что response.data[n].continent, где n равно от 0 до 249 (потому что в ответе 250 таких объектов)

вотпример использования javascript fetch вместо axios, но основной принцип тот же

fetch('https://countriesnode.herokuapp.com/v1/countries/')
.then(r => r.json())
.then(data => data.map(({name, continent, languages}) => ({name, continent, languages})))
.then(result => {
  console.log(result);
});