Breadcrumb 面包屑

用于显示当前页面路径,并能快速返回到历史页面。

  • <Breadcrumb> 面包屑组件。
  • <Breadcrumb.Item> 面包屑选项组件。

获取组件

import { Breadcrumb } from 'rsuite';

演示

默认

自定义分隔符

与 Router 中的 Link 组合

Props

<Breadcrumb>

属性名称 类型 (默认值) 描述
classPrefix string ('breadcrumb') 组件 CSS 类的前缀
separator React.Node (<i className="icon icon-angle-right" />) 分隔符

<Breadcrumb.Item>

属性名称 类型 (默认值) 描述
active boolean 激活状态
componentClass React.ElementType ('ol') 为组件自定义元素类型
renderItem (item:React.Node)=>React.Node 自定义渲染选项