Q:

How to make a map on JSON object with children

My menu consists of sub menu, that's why my JSON is composed like this:
"Accueil" -> "Espace documentaire"
"Déploiement" -> "Indicateurs de déploiement", "Fichiers NetGeo", "Fichiers STBAN" ...
So I want to make a menu with a Treeview that initially displays the map "Accueil"
then the (children) "Espace documentaire"
Here is the JSON object:
https://pastebin.com/km399QFQ
Here is the function:
getMenuItems().then(response => {
    const item = response.data;
    return(
        <div>
            { console.log(item) }
            { item.map(menu => {
                return (
                   // ...
                );
            })};
        </div>
    );
});

A:

Paul, I've made a simple showcase for you: https://m1go3.csb.app/.
There is a recursive function component to render nested children items. 
Here is the link to the source: https://codesandbox.io/s/ecstatic-hofstadter-m1go3

