react扁平数据处理成动态二级菜单栏

byte ai
面试被考几次，实际项目也经常用到

      Object.keys(mapCategoryIdToData).map((key) => {
        const category = mapCategoryIdToData[key];
        const subItem = {//当前项，subitem
          name: category.name,
        };
        const abilityList = [];
        Array.isArray(category.abilities) &&
          category.abilities.map((ability) => {
            abilityList.push({
              name: ability.name,
              url: `/ability/detail/${ability.id}`,
            });
          });
        //从新过滤成当前选项的子选项
        subItem.subMenu = abilityList;
        //添加进入当前菜单
        subMenu.push(subItem);
      });