複数の Action Creators を bindActionCreators() でまとめてバインドする(React/Redux)

import * as todoActionCreators from './todoActionCreators'
import * as counterActionCreators from './counterActionCreators'
import { bindActionCreators } from 'redux'

function mapStateToProps(state) {
    return { todos: state.todos }
}

function mapDispatchToProps(dispatch) {
    return {
        // スプレッド演算子でまとめる
        actions: bindActionCreators({
            ...todoActionCreators,
            ...counterActionCreators
        }, dispatch)
    }
}

export default connect(mapStateToProps, mapDispatchToProps)(TodoApp)