Ant Design Pro 顶部显示面包屑

简介: Ant Design Pro 顶部显示面包屑

按照以下步骤即可实现


先引入ProBreadcrumb 面包屑组件


import { ProBreadcrumb } from '@ant-design/pro-components';


然后在app.tsx或app.jsx中导出的layout中设置headerContentRender来自定义头部内容


headerContentRender: () => {
  return <><ProBreadcrumb /></>
},

相关文章
|
前端开发
修改Ant Design 按钮的样式
修改Ant Design 按钮的样式
438 0
ant design pro 面包屑和多标签页
ant design pro 面包屑和多标签页
431 0
ant design pro 更改表格自带的分页
ant design pro 更改表格自带的分页
131 0
|
前端开发
ant design一个页面(新增编辑)
ant design一个页面(新增编辑)
67 0
|
前端开发 API
ant design控制tag选中的写法
ant design控制tag选中的写法
100 0
|
API
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
834 0
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
|
API
ant.design Table组件点击一个选项框却把所有选项都选中了
ant.design Table组件点击一个选项框却把所有选项都选中了
170 0
ant.design Table组件点击一个选项框却把所有选项都选中了
|
前端开发 JavaScript
重置ant design得样式
重置ant design得样式
75 0
|
前端开发
ant design锚点组件
ant design锚点组件
86 0
Ant design pro中二级菜单不显示图标
Ant design pro中二级菜单不显示图标
163 0