Нет совпадения (404) с частными маршрутами - React Router - PullRequest
Новая
       25

Нет совпадения (404) с частными маршрутами - React Router

0 голосов
/ 23 сентября 2019

У меня есть следующий код с некоторыми частными маршрутами.Без матча маршрут вообще не работает.К вашему сведению, я хочу отделить TopNavbar, LeftSideNavbar и Main розетку от Login и NoMatch компонентов. 

react-router-dom => v5.0.1

Main.js 

function Main(props) {
    return (
      <>
        <TopNavbar />

        <Container fluid>
          <div className="row">
            <LeftSideNavbar />

            <main role="main" className="col-md-9 ml-sm-auto col-lg-10 px-4">
              {props.children}
            </main>
          </div> 
        </Container>
      </>
    );
}

export default Main;

App.js 

function App() {
  return (
    <ErrorBoundary>
      <Router>
        <Switch>
          <Route exact path="/login" component={Login} />

          <Route path="/">
            <Main>
              <PrivateRoute exact path="/" component={Home} />
              <PrivateRoute path="/settings" component={Settings} />
            </Main>
          </Route>

          <Route component={NoMatch} />
        </Switch>
      </Router>
    </ErrorBoundary>
  );
}

export default App;

Пожалуйста, помогите мне для решения.Заранее спасибо.

...