Learning Redux

Using react-router to decide which page to render

Next, we will use react-router to decide which page to render:

1. We import the StaticRouter component from react-router-dom:

import { StaticRouter } from 'react-router-dom'

2. We also import our App component:

import App from '../src/components/App.jsx'

3. Then, we replace the {/* TODO */} part with the <StaticRouter> component:

          <StaticRouter location={isIndexPage ? '/' : req.url}>

4. Finally, we render our <App> component:

            <App />          </StaticRouter>