react 拍平菜单树结构数据转化为一个普通的单层js对象

本文介绍了如何在React中将一个多级的菜单树结构数据转换成一个扁平化的单层JavaScript对象,便于进行数据操作。提供了一个转换函数,并详细说明了其使用方法。
摘要由CSDN通过智能技术生成

转换前

export const routesList = [
  {
    id: "/",
    title: "系统公告",
    path: "/"
  },
  {
    id: "/portalHome",
    title: "首页",
    path: "/portalHome"
  },
  {
    title: "公司集成",
    id: "/home",
    path: "/home",
    children: [
      {
        id: "/home/user",
        path: "/home/user",
        title: "用户管理"
      },
      {
        id: "/home/role",
        path: "/home/role",
        title: "角色管理"
      },
      {
        id: "/home/auth",
        path: "/home/auth",
        title: "权限管理"
      },
      {
        id: "/home/bulletin",
        path: "/home/bulletin",
        title: "公告管理"
      },
    ],
  },
];

转换后:

{
	/: "系统公告",
	/home: "公司集成",
	/home/auth: "权限管理",
	/home/bulletin: "公告管理",
	/home/role: "角色管理
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值