How can I convert a PHP loop into react es6. the following is my PHP code
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
}
}
}
}
I have tried to do the following but I don't think I fully understand what is going on
let menuList = resp.body.recordset.record;
console.log(menuList);
Object.keys(menuList).map(function(keyName, keyIndex) {
// use keyName to get current key's name
// // and a[keyName] to get its value
Object.keys(menuList[keyName][keyIndex]).map(function(keyName, keyIndex) {
console.log(keyName);
console.log(keyIndex);
Object.keys(menuList[keyName][keyIndex]['sub_modules']).map(function(keyName, keyIndex) {
console.log(keyName);
console.log(keyIndex);
});
});
})
console.log(menuList.map((e, i) =>(<div key={i}>{e}</div>)));
this.state = { menuList : menuList }