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?