Learning Redux

Creating the Navigation component

All that's left to do is creating a component that shows a navigation bar and allows us to change the route by clicking on links. To create the Navigation component, perform the following steps:

1. Create a new file src/components/Navigation.jsx and import React:

import React from 'react'

2. First, we create a small helper function, which decides if a link is clickable or not. If the current route equals the route that the link is supposed to navigate to, we do not set the href attribute, thus rendering the link as non-clickable:

const isClickable = (route, currentRoute) =>  route === currentRoute ? null : 'javascript:void(0)'

3. Next, we create the Navigation component, which takes the navigate action creator ...