new-react/static/containers/FilterLink.js

react + es6 + less + webpack + redux

import {connect} from 'react-redux'
import Link from '../components/Link'
import {setVisibility} from '../actions'

const mapStateToProps = (state, ownProps) => {
    return {
        active: ownProps.filter === state.visibilityFilter
    }
}

const mapDispatchToProps = (dispatch, ownProps) => {
    return {
        onClick: () => {
            dispatch(setVisibility(ownProps.filter))
        }
    }
}

const FilterLink = connect(
    mapStateToProps,
    mapDispatchToProps
)(Link)

export default FilterLink