React：如何在列表中的dict列表中获取dict数组

Question

我是新手做出反应，请原谅我，如果这个问题是重复的话。 我的数据集看起来像这样。

[
 { "animal":"cat",
   "detail": [
      {  
          "body color":"black",
          "eye color": "blue"
      },
      {  
          "body color":"brown",
          "eye color": "green"
      }
    ]
  }
]

这类数据应该显示为表格，我想知道如何使用react来获取这些数据。

Answer 1

这与React无关。

您可以像使用任何JavaScript对象一样访问React中的数据对象。

通常使用方括号访问数组（您调用的列表）。例如，myArray[0]获取第一个元素。

可以使用方括号或.表示法访问对象（您调用的字典）。例如，myObject['animal']或myObject.animal。

您的嵌套结构只需要两种技术的组合。你可以像这样得到关于第一只动物（猫）的第一个细节： myArray[0].detail[0]