导航

此组件已弃用。考虑改用“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”/></导航菜单></导航>);

导航支持以下道具。

活动项目

  • 类型:一串
  • 必需:否

活动项段塞。

活动菜单

  • 类型:一串
  • 必需:否
  • 默认值:“root”

活动菜单段塞。

类名

  • 类型:一串
  • 必需:否

的可选className导航组件。

onActivate菜单

  • 类型:功能
  • 必需:否

在外部状态和导航的内部状态之间同步活动菜单。

导航菜单支持以下道具。

后退按钮标签

  • 类型:一串
  • 必需:否
  • 默认值:父菜单的标题或“后退”

嵌套菜单中使用的后退按钮标签。如果未提供,则将从父菜单的标题推断标签。
如果由于某种原因父菜单的标题不可用,则默认为“后退”。

返回按钮单击

  • 类型:功能
  • 必需:否

用于处理单击后退按钮的回调。如果提供了此道具,则会显示后退按钮。

类名

  • 类型:一串
  • 必需:否

的可选className导航菜单组件。

has搜索

  • 类型:布尔值
  • 必需:否

启用菜单标题上的搜索功能。

  • 类型:一串
  • 必需:否
  • 默认值:“root”

菜单的唯一标识符。根菜单可以省略此项,默认为“root”;所有其他菜单都需要指定它。

onSearch(搜索)

  • 类型:(searchString:string)=>void;
  • 必需:否

什么时候?has搜索激活时,此函数处理搜索输入onChange(更改时)事件,使其从外部得到控制。它需要设置搜索道具。

isSearchDebouncing搜索

  • 类型:布尔值
  • 必需:否

指示搜索是否正在消除抖动。万一真的省略“No results found.”文本。用于防止在取消绑定的搜索之间显示“No results found.”文本。

父菜单

  • 类型:一串
  • 必需:否

父菜单段塞;嵌套菜单用于指示其父菜单。

  • 类型:一串
  • 必需:否

什么时候?has搜索处于活动状态,并且onSearch(搜索),这将控制搜索输入的值。onSearch(搜索)提供道具。

栈空

  • 类型:布尔值
  • 必需:否

指示菜单是否为空。与一起使用隐藏目标菜单为空导航项的属性。

标题

  • 类型:一串
  • 必需:否

菜单标题。它也是菜单搜索功能使用的字段。

title操作

  • 类型:反应。反应节点
  • 必需:否

使用此道具渲染菜单标题中的其他操作。

导航组支持以下道具。

类名

  • 类型:一串
  • 必需:否

的可选className导航组组件。

标题

  • 类型:一串
  • 必需:否

组标题。

导航项目支持以下道具。

徽章

  • 类型:string|数字
  • 必需:否

项目徽章内容。

类名

  • 类型:一串
  • 必需:否

的可选className导航项组件。

href公司

  • 类型:一串
  • 必需:否

如果提供,渲染而不是按钮.

偶像

  • 类型:JSX公司。元素
  • 必需:否

如果没有儿童传递时,此属性允许为菜单项指定自定义图标。

项目

  • 类型:一串
  • 必需:否

项目的唯一标识符。

  • 类型:一串
  • 必需:否

子菜单slug。如果提供,单击该项将导航到目标菜单。

隐藏目标菜单为空

  • 类型:布尔值
  • 必需:否

指示如果在导航到菜单在中标记为空栈空道具。与一起使用栈空导航菜单的属性。

onClick(单击)

  • 类型:反应。鼠标事件处理程序
  • 必需:否

用于处理单击菜单项的回调。

是文本

  • 类型:布尔值
  • 必需:否
  • 默认值:false

如果设置为true,则菜单项将仅作为纯文本项而不是按钮。

标题

  • 类型:一串
  • 必需:否

项目标题。