当我想从 Json 数据或 API 与 axios.get 获取或获取某些特定字段时，response.data.key 返回未定义

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