将php循环转换为Resact es6

如何将PHP循环转换为react es6。下面是我的PHP代码

    foreach ( $navigation_bar as $menuType => $menus ) {
        ?>
        <div class="side-nav-header"><?=$menus['title']?></div>     
        <?php

        foreach ( $menus ['sub_modules'] as $attr => $submenu ) {
            ?>
            <div class="side-nav-subheader"><?=$submenu['title']?></div>
            <?php
            if (is_array ( $submenu ['menuitem'] )) {
                foreach ( $submenu ['menuitem'] as $menuitem ) {
                    ?>
                    <a href="<?=$menuitem['link']?>"><?=$menuitem['title']?></a>
                    <?php
                }
            }
        }
    }

foreach（$menuType=>$menus的导航栏）{
?>
也许是这样的：

let menuData = resp.body.recordset.record
let menuList = []

menuData.navigation_bar.forEach(menus => {
  menuList.push(<div className="side-nav-header">{ menus.title }</div>)

  menus.sub_modules.forEach(submenu => {
    menuList.push(<div className="side-nav-subheader">{ submenu.title }</div>)

    if (submenu.menuitem.length) {
      submenu.menuitem.forEach(menuitem => {
        menuList.push(<a href="{ menuitem.link }">{ menuitem.title }</a>)
      })
    }
  })
})

我假设您尝试了这个方法，但它不起作用？您有错误吗？我现在已经得到了对象
menuList
如何将其放入es6中类的返回方法中？假设menuList存储在状态中，那么在渲染方法中您应该能够这样做：
return{this.state.menuList}
im在将其存储到状态时遇到问题，如果它不是，我如何渲染它。下面是我的问题与设置状态的链接
let menuData = resp.body.recordset.record
let menuList = []

menuData.navigation_bar.forEach(menus => {
  menuList.push(<div className="side-nav-header">{ menus.title }</div>)

  menus.sub_modules.forEach(submenu => {
    menuList.push(<div className="side-nav-subheader">{ submenu.title }</div>)

    if (submenu.menuitem.length) {
      submenu.menuitem.forEach(menuitem => {
        menuList.push(<a href="{ menuitem.link }">{ menuitem.title }</a>)
      })
    }
  })
})

{
  navigation_bar: [
    {
      title: "Title 1",
      sub_modules: [
        {
          title: "Sub Module 1",
          menuitem: [
            {
              title: "Menu Item 1",
              link: "http://link1.com"
            }
          ]
        }
      ]
    },
    {
      title: "Title 2",
      sub_modules: [
        {
          title: "Sub Module 2",
          menuitem: [
            {
              title: "Menu Item 2",
              link: "http://link2.com"
            }
          ]
        }
      ]
    }
  ]
}