javascript - 如何在带有子项的 JSON 对象上制作 map

Question

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

“Accueil”->“太空纪录片”

“部署”->“部署指标”、“Fichiers NetGeo”、“Fichiers STBAN”...

所以我想制作一个带有 TreeView 的菜单，最初显示 map “Accueil”然后是( child )“太空纪录片”

这是 JSON 对象:

https://pastebin.com/km399QFQ

这是函数:

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

Answer 1

保罗，我为你做了一个简单的展示:https://m1go3.csb.app/ 。有一个递归函数组件可以渲染嵌套的children项。

以下是来源链接:https://codesandbox.io/s/ecstatic-hofstadter-m1go3