Learning Redux

ConnectedPostList component

We have already implemented this container component, so we can use the existing code. However, we still need to implement the filter functionality:

1. Create a src/containers/ConnectedPostList.jsx file, with the following contents:

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

const mapStateToProps = (state, props) => {
  return { posts: state.posts }
}

const ConnectedPostList = connect(mapStateToProps)(PostList)

export default ConnectedPostList

2. Now, we modify the mapStateToProps function to apply the filter, using the filter function:

const mapStateToProps = (state, props) => { const filteredPosts = state.filter ? state.posts.filter((post) => post.category === state.filter) ...