如何在JavaScript中创建嵌套菜单？

因此，我想实现下面的图像，但从服务器发送的内容

我们可以

const项=[
{key:'editorials'，active:true，name:'editorials'}，
{key:'review'，name:'Reviews'}，
{key:'events'，name:'coming events'}，
]
//...

然而，我不知道如何筑巢。只是将项“内容”设置为一些XML

---

如何在Javascript的

ReactJS\Semantic UI

中创建包含多个嵌套部分的菜单？

我将创建以下组件：

->我们的根组件

->可以呈现自身（

）或组件

->只能呈现

或smth

假设我们的服务器上有以下JSON：

{
  label: 'Some menu',
  children: [{ label: 'Sub menu', children: [...] }, ...],
}

假设当我们在JSON中找到一个数组时，这意味着我们必须呈现一个菜单。如果我们有一个对象，我们渲染一个简单的子对象。粗略的算法是：

const MenuContainer = ({items}) => ({
   {items.map(item => item.items ? <Menu items={items} /> : <Item data={item} /> }
});

const MenuContainer=（{items}）=>({
{items.map（item=>item.items？：}
});

这是你要找的东西吗

const MenuContainer = ({items}) => ({
   {items.map(item => item.items ? <Menu items={items} /> : <Item data={item} /> }
});