Routing w React

0

Korzystając z react-router-dom chciałbym uzyskać dwa różne layouty (tutaj Main i MainAdmin).

 <Router>
      <Switch>

        <Route path='/admin/:path?' exact>
          <MainAdmin>
            <Switch>
               <Route path='/admin' exact component={Dashboard} />
               <Route path='/admin/product' component={List} />
               <Route path='/admin/product/create' component={Create} />
            </Switch>
          </MainAdmin>
        </Route> 

        <Route>
          <Main>
            <Switch>
              <Route path='/' exact component={Home} />
              <Route path='/product/:id' component={Details} />
            </Switch>
          </Main>
        </Route>

      </Switch>
    </Router>

Wszystko gra dla adresów /admin i /admin/product, lecz admin/product/create przekierowuje do komponentu z layoutem dla zwykłego usera Main zamiast tego dla admina. Jak sprawić, aby routing admina uwzględniał kolejne "poziomy" url, niż tylko pierwszy?

0

Masz admin/admin

1 użytkowników online, w tym zalogowanych: 0, gości: 1