How to use child route inside default route by using exact

Question

Here is my code

<Route path='/' component ={component}>
 <Route path='/login' component = {login}/>
 <Route path='/signup' component = {signUp}/>
</Route>
<Route exact path = '/newPath' component = {NewComponent} />

Problem is if I am calling login and signup I want to call '/' also. but when I want to call '/newPath' i don't want to use '/'. but how to avoid '/' without using the exact keyword. because when I use the exact word with '/' it can not be called in login and signup.

If you write `` before the ``, this should work. `path="/"` will match every url, so it should be at the end of your routes declaration — The.Bear, Oct 25 '18 at 20:16
But this solution doesnot work for child routes. It is neither opening login component or signup component — amitchauh4n, Oct 25 '18 at 20:55

score 3 · Accepted Answer · answered Oct 25 '18 at 22:29

3

You can:

<BrowserRouter>
  <Switch>
      <Route path="/auth" component={Auth} />
      <Route path="/" component={Dashboard} />
      ...
    </Switch>
</BrowserRouter>

And inside your Auth: have another router with login and signup components

answered Oct 25 '18 at 22:29

igorves

531
3
10

How to use child route inside default route by using exact

1 Answers1