mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-01 19:49:59 +08:00
1.2 KiB
1.2 KiB
category | subtitle | type | title |
---|---|---|---|
Components | 面包屑 | Navigation | Breadcrumb |
显示当前页面在系统层级结构中的位置,并能向上返回。
何时使用
- 当系统拥有超过两级以上的层级结构时;
- 当需要告知用户『你在哪里』时;
- 当需要向上导航的功能时。
API
<Breadcrumb>
<Breadcrumb.Item>首页</Breadcrumb.Item>
<Breadcrumb.Item>应用中心</Breadcrumb.Item>
<Breadcrumb.Item>应用列表</Breadcrumb.Item>
<Breadcrumb.Item>某应用</Breadcrumb.Item>
</Breadcrumb>
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
routes | router 的路由栈信息 | Array | - | |
params | 路由的参数 | Object | - | |
separator | 分隔符自定义 | String or Element | '/' | |
itemRender | 自定义链接函数,和 react-router 配置使用 | (route, params, routes, paths) => React.ReactNode | - |
2.0 之后,
linkRender
和nameRender
被移除,请使用itemRender
来代替。