此组件已弃用。考虑改用“Navigator”。
此功能仍处于实验阶段。“实验性”意味着这是一个早期的实施,可能会发生重大的突破性变化。
渲染具有可选分组和层次结构的导航列表。
进口{__实验导航作为导航,__experimentalNavigationGroup作为NavigationGroup,__experimentalNavigationItem作为NavigationItem,__experimentalNavigationMenu作为NavigationMenu,}来自“@wordpress/components”;const我的导航=()=>(<导航><NavigationMenu title=“主页”><NavigationGroup title=“Group 1”><NavigationItem item=“item-1”title=“item 1”/><NavigationItem item=“item-2”title=“item 2”/></导航组><NavigationGroup title=“Group 2”><导航项item=“第3项”navigateToMenu=“类别”title=“类别”/></导航组></导航菜单><导航菜单backButtonLabel=“主页”menu=“类别”parentMenu=“根”title=“类别”><NavigationItem badged=“1”item=“child-1”title=“child 1”/><NavigationItem item=“child-2”title=“child 2”/></导航菜单></导航>);
导航
支持以下道具。
活动项段塞。
活动菜单段塞。
的可选className导航
组件。
在外部状态和导航的内部状态之间同步活动菜单。
导航菜单
支持以下道具。
- 类型:
一串
- 必需:否
- 默认值:父菜单的标题或“后退”
嵌套菜单中使用的后退按钮标签。如果未提供,则将从父菜单的标题推断标签。
如果由于某种原因父菜单的标题不可用,则默认为“后退”。
用于处理单击后退按钮的回调。如果提供了此道具,则会显示后退按钮。
的可选className导航菜单
组件。
启用菜单标题上的搜索功能。
菜单的唯一标识符。根菜单可以省略此项,默认为“root”;所有其他菜单都需要指定它。
- 类型:
(searchString:string)=>void;
- 必需:否
什么时候?has搜索
激活时,此函数处理搜索输入onChange(更改时)
事件,使其从外部得到控制。它需要设置搜索
道具。
指示搜索是否正在消除抖动。万一真的
省略“No results found.”文本。用于防止在取消绑定的搜索之间显示“No results found.”文本。
父菜单段塞;嵌套菜单用于指示其父菜单。
什么时候?has搜索
处于活动状态,并且onSearch(搜索)
,这将控制搜索输入的值。当onSearch(搜索)
提供道具。
指示菜单是否为空。与一起使用隐藏目标菜单为空
导航项的属性。
菜单标题。它也是菜单搜索功能使用的字段。
使用此道具渲染菜单标题中的其他操作。
导航组
支持以下道具。
的可选className导航组
组件。
组标题。
导航项目
支持以下道具。
项目徽章内容。
的可选className导航项
组件。
如果提供,渲染一
而不是按钮
.
如果没有儿童
传递时,此属性允许为菜单项指定自定义图标。
项目的唯一标识符。
子菜单slug。如果提供,单击该项将导航到目标菜单。
指示如果在导航到菜单
在中标记为空栈空
道具。与一起使用栈空
导航菜单的属性。
用于处理单击菜单项的回调。
如果设置为true,则菜单项将仅作为纯文本项而不是按钮。
项目标题。