映射嵌套JSON文件中的数据

Question

我正在尝试使用map函数将给定大陆的所有国家名称传递到React组件中。我认为我可能需要将其转换为数组，但我不知道如何访问每个对象的name键，因为这些对象都具有不同的名称。

  "AD": {
    "name": "Andorra",
    "native": "Andorra",
    "phone": "376",
    "continent": "EU",
    "capital": "Andorra la Vella",
    "currency": "EUR",
    "languages": [
      "ca"
    ]
  },
  "AE": {
    "name": "United Arab Emirates",
    "native": "دولة الإمارات العربية المتحدة",
    "phone": "971",
    "continent": "AS",
    "capital": "Abu Dhabi",
    "currency": "AED",
    "languages": [
      "ar"
    ]
  },
  "AF": {
    "name": "Afghanistan",
    "native": "افغانستان",
    "phone": "93",
    "continent": "AS",
    "capital": "Kabul",
    "currency": "AFN",
    "languages": [
      "ps",
      "uz",
      "tk"
    ]
  },
  "AG": {
    "name": "Antigua and Barbuda",
    "native": "Antigua and Barbuda",
    "phone": "1268",
    "continent": "NA",
    "capital": "Saint John's",
    "currency": "XCD",
    "languages": [
      "en"
    ]
  },
  "AI": {
    "name": "Anguilla",
    "native": "Anguilla",
    "phone": "1264",
    "continent": "NA",
    "capital": "The Valley",
    "currency": "XCD",
    "languages": [
      "en"
    ]
  }

Answer 1

您可以尝试执行以下操作

var countryNames = [];
for(let key in YourJsonData){
    countryNames.push(YourJsonData[key][name]);
}

然后循环遍历该数组并呈现组件中的元素