Question

我在弄清楚如何在地图中运行地图（以及深入1级）时遇到问题

我制作了CodeSandbox，希望可以解释我要寻找的内容，但是我基本上想先遍历对象以获得名称（标题），然后再遍历1层或更深的层次以获得物品名称。

{Object.keys(this.props.data.Menus).map((item, i) => (
  <div>
    <div>
      <b>{this.props.data.Menus[item].Name}</b>
    </div>
    <div>
      {Object.keys(this.props.data.Menus).map((item, i) => (
        <div>{this.props.data.Menus[item].Name}</div>
      ))}
    </div>
  </div>
))}

Answer 1

您可以通过以下方式解析对象

 <div>
        {Object.keys(this.props.data.Menus).map((item, i) => (
          <div>
            <div>
              <b>{this.props.data.Menus[item].Name}</b>
            </div>
            <div>
            {this.props.data.Menus[item].MenuItems ?
              Object.keys(this.props.data.Menus[item].MenuItems).map((item1, i) => (
                  <div>{this.props.data.Menus[item].MenuItems[item1].Name}</div>))
                  :'sample'}           
            </div>
          </div>
        ))}
      </div>

通过地图内的对象进行地图

1 个答案: