Learning Redux

Connecting the Router component to Redux

We still need to connect the Router component to Redux, in order to pass the route sub-state as a property to it. To connect the Router component to Redux, perform the following steps:

1. Create a new file src/containers/ConnectedRouter.jsx and import the Router component:

import { connect } from 'react-redux'import Router from '../components/Router.jsx'

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

const mapStateToProps = (state, props) => {  const { route } = state  return { route }}

3. Finally, we connect and export the container component:

const ConnectedRouter = connect(mapStateToProps)(Router)export default ConnectedRouter