Войдите в другой маршрутизатор -ReactJs-

Question

Мой AppRouter обернут в навигационную панель (ящик, как панель управления) из библиотеки material-ui.

<NavigationBar>
    <AppRouter/>
 </NavigationBar>

И мой AppRouter:

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

Поскольку мой AppRouterон обернут внутри панели навигации, как я могу сделать свою страницу входа ОТДЕЛЬНОЙ от остальных страниц?Я хочу сначала войти на странице, а затем перенаправить в SPA с приборной панели.

Answer 1

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

Вы можете оставить флаг isAuthenticated, чтобы отобразить два разных компонента переключателя.Approuter -

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

Аналогичным образом можно определить PublicRouter, который может иметь маршрут входа в систему.