导航器

Navigator组件允许呈现嵌套的面板或菜单（也称为屏幕），并在这些不同的状态之间导航。Global Styles侧栏就是一个例子。

这些组件在UI方面并不固执己见，它允许组合任何UI组件来在嵌套屏幕之间导航。

用法

导入{__experimentalNavigator作为Navigator，__实验NavigatorScreen作为Navigator屏幕，__实验使用导航器作为使用导航器，}来自“@wordpress/components”；功能导航器按钮（{路径，isBack=假，…道具} ) {const navigator=useNavigator（）；返回(<按钮onClick={（）=>navigator.push（路径，{isBack}）}{…道具}/>);}const我的导航=（）=>(<Navigator initialPath=“/”><NavigatorScreen path=“/”><p>这是主屏幕</p>（第页）<NavigatorButton isPrimary path=“/child”>导航到子屏幕。</Navigator按钮></Navigator屏幕><NavigatorScreen path=“/child”><p>这是儿童屏幕</p>（第页）<NavigatorButton isPrimary path=“/”isBack>回去</Navigator按钮></Navigator屏幕></Navigator（导航器）>);

导航器道具

导航器支持以下道具。

initialPath（初始路径）

• 类型：一串
• 必需：否

初始活动路径。

导航器屏幕道具

导航器屏幕支持以下道具。

路径

• 类型：一串
• 必需：是

当前屏幕的路径。

导航器对象。

您可以检索导航器实例，使用使用导航器挂钩。
导航器提供以下方法：

推

• 类型：（路径：字符串，选项）=>void

这个推函数允许您导航到给定的路径。第二个参数可以使用不同的选项来增强导航操作。

可用选项包括：

• 回来了（`boolean）：一个布尔标志，表示我们正在返回到以前的状态。