Learning Redux

Connecting the Navigation component to Redux

Similarly to the Router component, we are going to connect the Navigation component to Redux by passing the route sub-state as a property to it. Additionally, we use mapDispatchToProps to pass the navigate action creator to the Navigation component. Perform the following steps to connect the Navigation component to Redux:

1. Create a new file src/containers/ConnectedNavigation.jsx and import the Navigation component and the navigate action creator:

import { connect } from 'react-redux'import { bindActionCreators } from 'redux'import Navigation from '../components/Navigation.jsx'import { navigate } from '../actions'

2. Next, we define the mapStateToProps function, in which we return the route part ...