Learning Redux

Using the Navigation component

After creating the Navigation component, we still need to use it in our App component. To use the Navigation component, perform the following steps:

1. Edit src/components/App.jsx and import the ConnectedNavigation component:

import ConnectedNavigation from '../containers/ConnectedNavigation.jsx'

2. Add the following code after the ConnectedErrorMessage and before the first <hr />:

    <div><ConnectedNavigation /></div>

Open the application; this time you should see the navigation bar:

Our simple router in action - you can see the navigation bar, with the "main" page currently selected

Click on the about link to navigate ...