exampleContainer.js

import React, { Component } from 'react'
import { bindActionCreators } from 'redux'
import { connect } from 'react-redux'

import Settings from '../components/scenes/settings'
import * as settingActions from '../actions/settings'
import * as signUpActions from '../actions/sign-up'
import * as loginActions from '../actions/login'
import * as routerActions from '../actions/router'

class SettingsContainer extends Component {
  static propTypes = {
    state: React.PropTypes.object.isRequired,
    actions: React.PropTypes.object.isRequired
  }

  render() {
    const { state, actions } = this.props
    return (
      <Settings
        state={{...state}}
        actions={{...actions}}
      />
    )
  }
}

// map global state to component properties
function mapStateToProps(state) {
  return {state: state}
}

// map global state to component properties
function mapDispatchToProps(dispatch) {
  const allActions = {
    ...loginActions,
    ...settingActions,
    ...signUpActions,
    ...routerActions
  }
  return {
    actions: bindActionCreators(allActions, dispatch)
  }
}

export default connect(mapStateToProps, mapDispatchToProps)(SettingsContainer)