Reactjs 设置离子菜单离子反应的路线

如何在仪表板组件中添加路由以显示ion抽屉，ionic react路由器看起来有点棘手

因为我可以有一个IonRouterOutlet

<IonRouterOutlet>
          <Route path="/" component={Home} exact={true} />
          <Route exact path="/dashboard" component={Dashboard} />
          <Route path="/login" component={Login} />
          <Route path="/signup" component={Signup} />
        </IonRouterOutlet>

Dashboard.tsx

<IonPage className="ion-padding">
      <IonMenu side="start" menuId="first" contentId="main">
        <IonHeader>
          <IonToolbar color="primary">
            <IonTitle>Start Menu</IonTitle>
          </IonToolbar>
        </IonHeader>
        <IonContent>
          <IonList>
            <IonItem>Menu Item</IonItem>
            <IonItem>Menu Item</IonItem>
            <IonItem>Menu Item</IonItem>
            <IonItem>Menu Item</IonItem>
            <IonItem>Menu Item</IonItem>
          </IonList>
        </IonContent>
      </IonMenu>
      <h3>Dashboard</h3> // Only this is rendered

      <IonRouterOutlet id="main"></IonRouterOutlet>
    </IonPage>

开始菜单
菜单项
菜单项
菜单项
菜单项
菜单项
Dashboard//仅渲染此项

我建议使用starter temple生成您的应用程序-ionicframework.com/docs/cli/commands/start

我建议使用starter temple生成您的应用程序-谢谢，这就是我后来做的。您可以将其作为答案发布，所以我给您打个分数