How to optimize mapDispatchToProps?

Question

React

In order not to fence in each component like this

const mapDispatchToProps = (dispatch) => {
  return {
    saveUser: bindActionCreators(saveUserAction, dispatch),
    getUser: bindActionCreators(getUserAction, dispatch),
    getUser: bindActionCreators(getUserAction, dispatch),
    getUser: bindActionCreators(getUserAction, dispatch),
    getUser: bindActionCreators(getUserAction, dispatch),
    getUser: bindActionCreators(getUserAction, dispatch),
                и т.д.
  };
};

So far, it only came to mind to do all this in the action, and then only pass this function from the action ...

Answer 1

There is a good option: connect actions via *

import * as UserActions from '../actions/UserActions'
...
const mapDispatchToProps = (dispatch) => {
  return {
    userActions: bindActionCreators(UserActions, dispatch)
  }
}

In this case, all user actions (namely, all exported functions from the UserActions file) will be available from this.props.userActions (for example, this.props.userActions.saveUser)
Also, you can not write return if you return an object ( just our case)

const mapDispatchToProps = (dispatch) => ({
  userActions: bindActionCreators(UserActions, dispatch)
})

Notice the parentheses.