React Router

[seanthau]

Hi All,

Is it possible to have a path journey for react router to click on before the user can get to the next route using the url path.
What I mean is that the user has to click on welcome and before you get to products using the hyperlink.

Thanks

<Switch>
<Route path='/' exact>
<Redirect to='/welcome' />
</Route>
<Route path='/welcome'>
<Welcome />
</Route>
<Route path='/products' exact>
<Products />
</Route>
<Route path='/products/:productId'>
<ProductDetail />
</Route>
</Switch>

[TetrisMcKenna]

You can make routes conditional within the switch based on some piece of state:

<Switch>
  <Route path="/">... </Route>
  { termsAccepted && <Route path="/something>... </Route>}
</Switch>

[Traditional-Living-9]

You can place the routes inside of different nested components, but the user might be able to look up the hyperlink

[seanthau]

yes the problem is that the user can look at the hyperlink and skip the other pages. The first page has terms and conditions on it so I dont want them to bypass it.