登录到不同的路由器-ReactJs-

我的Approver被包装在

材料ui

库中的导航栏（抽屉，类似于控制面板）中

<NavigationBar>
    <AppRouter/>
 </NavigationBar>

我的批准人：

<Switch>
    <PublicRoute path="/" component={LoginPage} exact={true} />
    <PrivateRoute path="/Edit" component={EditPage} />
    <PrivateRoute path="/Delete" component={DeletePage} />
 </Switch>

既然我的Approver将其包装在导航栏中，如何将我的登录页面与其他页面分开？我想先登录一个页面，然后用仪表板在SPA中重定向

<NavigationBar>
  { isAuthenticated && <AppRouter/> }
  { !isAuthenticated && <PublicRouter/> }
</NavigationBar>

{已验证&&}
{！已验证&&}

可以保留isAuthenticated标志以呈现两个不同的开关组件。批准人-

<Switch>
  <Route path="/Edit" component={EditPage} />
  <Route path="/Delete" component={DeletePage} />
</Switch>

类似地，可以定义一个具有登录路由的PublicRouter