Element-React Breadcrumb面包屑
显示当前页面的路径,快速返回之前的任意页面。
基础用法
适用广泛的基础用法。
在Breadcrumb
中使用Breadcrumb.Item
标签表示从首页开始的每一级。Element 提供了一个separator
属性,在Breadcrumb
标签中设置它来决定分隔符,它只能是字符串,默认为斜杠/
。
render() {
return (
<Breadcrumb separator="/">
<Breadcrumb.Item>首页</Breadcrumb.Item>
<Breadcrumb.Item>活动管理</Breadcrumb.Item>
<Breadcrumb.Item>活动列表</Breadcrumb.Item>
<Breadcrumb.Item>活动详情</Breadcrumb.Item>
</Breadcrumb>
)
}
Breadcrumb Attributes
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
separator | 分隔符 | string | — | 斜杠'/' |