Javascript 如何在带有子对象的JSON对象上创建映射

我的菜单由子菜单组成，这就是为什么我的JSON是这样组成的：

“Accueil”->“Espace文档”

“开发”->“开发指标”、“网络地理”、“开发指标”

所以我想制作一个带有树状视图的菜单，最初显示地图“Accueil” 然后是（儿童）“Espace文档”

以下是JSON对象：

以下是函数：

getMenuItems().then(response => {
    const item = response.data;
    return(
        <div>
            { console.log(item) }
            { item.map(menu => {
                return (
                   // ...
                );
            })};
        </div>
    );
});

getMenuItems（）。然后（响应=>{
const item=response.data；
返回(
{console.log（项）}
{item.map（菜单=>{
返回(
// ...
);
})};
);
});
保罗，我为你做了一个简单的展示：。
有一个递归函数组件来呈现嵌套的
子项
项

以下是指向源代码的链接：
保罗，我为你做了一个简单的展示：。
有一个递归函数组件来呈现嵌套的
子项
项

以下是指向来源的链接：
您能提供一个更完整的数据示例吗？您可以粘贴到pastebin并共享链接。Paul，这似乎是一个无效的JSON，您可以制作
JSON.stringify（data）
并将输出粘贴到pastebin服务。我相信我能帮你更好地（请详细说明你正在努力实现的目标。你想要什么还不清楚。在这两个深度级别中，
子级
是一个数组，而不是一个对象。你想把它们都取出来是什么意思？有两个以上的深度吗？您在问题中的报价示例是什么？我编辑，更好吗？您能提供一个更完整的数据示例吗？您可以粘贴到pastebin并共享链接。Paul，这似乎是一个无效的JSON，您可以制作
JSON.stringify（data）
并将输出粘贴到pastebin服务。我相信我能帮你更好地（请详细说明你正在努力实现的目标。你想要什么还不清楚。在这两个深度级别中，
子级
是一个数组，而不是一个对象。你想把它们都取出来是什么意思？有两个以上的深度吗？你在问题中引用的例子是什么？我编辑，它更好吗？