爱游戏app体育官方

组件

面包屑

查看GitHub

面包屑用于在页面或覆盖层中的父子关系中导航内容。它们为用户在嵌套层次结构中的位置提供上下文。

从“@sproutsocial/racine”中导入{Br爱游戏体育官网首页eadcrumb}

属性">

名字 类型 默认的 描述 需要吗?
孩子们 反应。节点
ariaLabel 字符串
描述面包屑所提供的导航类型(例如:“资产库面包屑”)
溢出 {标签:字符串，菜单:React。节点,}
可选

子组件">

导航项">

面包屑应该有2个以上的面包屑项。的<面包屑。项>子组件呈现带有<链接/ >。

名字 类型 默认的 描述 需要吗?
外部 布尔
使URL在新选项卡中打开的可选道具
孩子们 反应。节点
href 字符串
设置此属性将导致组件呈现为链接
禁用 布尔
禁用用户操作，并对组件应用禁用样式
onClick (e: SyntheticEvent) => void
可以在href之外使用，但仍然作为链接呈现。省略href将渲染为按钮
作为
TypeStyledComponentsCommonProps
“是”
下划线 布尔
质量保证 对象 {}

食谱">

溢出菜单">

当你期望有一个很长的(或无穷无尽的)面包屑时，使用overflow menu属性来避免面包屑被包装成多行。

( {breadcrumb.length > 4 ? breadcrumb .slice(0, pathBreak) .map((item) => {}}>{item}) : breadcrumb.map((item) => {}}>{item})} ); return ( <> Mild Roast , }} > {breadcrumb.length > 4 ? breadcrumb .slice(pathBreak, breadcrumb.length) .map((item) => {item}) : breadcrumb.map((item) => {item})} ) }" language="jsx" style="position:relative;text-align:left;box-sizing:border-box;padding:0;overflow:hidden;white-space:pre;font-family:monospace;color:#c8cccc">
Baidu
map