react项目笔记6---面包屑导航

最新推荐文章于 2024-07-02 21:30:36 发布

weixin_38522914

最新推荐文章于 2024-07-02 21:30:36 发布

阅读量1k

点赞数

分类专栏： react项目笔记

本文链接：https://blog.csdn.net/weixin_38522914/article/details/106682223

版权

这篇博客介绍了如何在React项目中创建面包屑导航。首先，在utils目录下创建了BreadcrumbNameMap.js文件，然后在default.jsx中导入了antd的Breadcrumb组件和自定义的BreadcrumbNameMap.js。接着，修改default.jsx的render函数，最后在合适位置添加核心代码来展示面包屑导航。

摘要由CSDN通过智能技术生成

首先在utils下面创建BreadcrumbNameMap.js 文件内容如下：

export default {
   
  '/home': '首页',
  '/users': '用户管理',
  '/users/list': '用户列表',
  '/users/permission': '管理员列表',
  '/pro': '产品管理',
  '/pro/list': '产品列表',
  '/cart': '购物车管理',