Learning Redux

Using React-Redux to create a container component

We are now going to use React-Redux to create a container component:

1. Rename your existing containers/ConnectedPostList.jsx to containers/CustomConnectedPostList.jsx.
2. Then, create a new containers/ConnectedPostList.jsx file. Let's start by importing the connect function from React-Redux, which will be used to connect our PostList component to Redux:

import { connect } from 'react-redux'

3. We also need to import our PostList presentational component:

import PostList from '../components/PostList.jsx'

The connect function has the following signature: connect(mapStateToProps, mapDispatchToProps) This means that we need to pass two functions to the connect function:

• mapStateToProps(state, props) ...