Learning Redux

ConnectedFilterList component

Next, we implement the ConnectedFilterList component. For this component, we need to use mapDispatchToProps to inject the action creators:

1. Create a src/containers/ConnectedFilterList.jsx file with the following imports:

import { connect } from 'react-redux'
import { bindActionCreators } from 'redux'

import FilterList from '../components/FilterList.jsx'import { setFilter, clearFilter } from '../actions'

2. Then, we define the mapStateToProps function:

const mapStateToProps = (state, props) => {

3. This time, we cannot directly return filters from the state; we need to figure out which filters are possible by going through all the posts and adding categories to an array:

 const categories = state.posts.reduce((acc, ...