map返回所有数据的时间与JSON中的对象相同

我是新的反应(2天),但坚持以树视图的方式查看JSON的任务。 需要显示为折叠菜单节点标签,并点击显示其数据。

我终于找到了显示节点标签的解决方案,但它们都显示在一个列表项中,并且重复的次数与我拥有的节点数量相同。

  {
  "main": {
    "nodes": {
      "firstnode": {
        "storage": [
          "1",
          "1",
          "3"
        ],
        "interfaces": [
          "1",
          "2",
          "3"
        ]
      },
      "secondnode": {},
      "thirdnode": {}
    }
  },
    "secondary": {}
}

这是我的密码

    const LeftTreeNodes = Object.keys(data.left.nodes).map(item =>
<div>
  <ul>
    <li key={Object.keys(data.left.nodes)}>
     {Object.keys(data.left.nodes)}
    </li>
  </ul>
  </div>
);