JavaScript，访问json属性

Question

我有一个像这样的.json文件：

import single from 'file.json'


{
"id": 4,
"code": 4508099576,
"important": [
            {
            "id": 4,
            "name": "services"
            }
        ]

}

我想访问“服务”来渲染它。但是以下语法不起作用：

<span>Plans: {single.important.name}</span>

Answer 1

重要的是一个数组，你需要访问它的第一个对象。你会写的

<span>Plans: {single.important[0].name}</span>

如果你想渲染重要数组中的所有计划，你可以使用像

这样的地图

<div>{single.important.map((obj) => {
   return  <span key={obj.id}>Plans: {obj.name}</span>
})</div>

Answer 2

重要的是一个数组。您需要使用索引ex。

访问它

single.important[0].name