How to connect mapDispatchToProps?

Question

React

I did it like this, but I still need to pass login to connect how to do it?

import { hideModal, showModal, login } from '../../actions';

const mapStateToProps = state => ({
  isAuthenticated: !!state.user.token
});

const mapDispatchToProps = dispatch => ({
  handleClose: () => {
    dispatch(hideModal());
  },
  showRegister: () => {
    dispatch(showModal('REGISTER', {}));
  },
  showForgot: () => {
    dispatch(showModal('FORGOT', {}));
  },
});

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(LoginModal);

If you do this it will throw an error

export default connect(
  mapStateToProps,
  mapDispatchToProps,
  { login }
)(LoginModal);

Answer 1

import { hideModal, showModal, login } from '../../actions';

const mapStateToProps = state => ({
  isAuthenticated: !!state.user.token
});

const mapDispatchToProps = dispatch => ({
  handleClose: () => {
    dispatch(hideModal());
  },
  showRegister: () => {
    dispatch(showModal('REGISTER', {}));
  },
  showForgot: () => {
    dispatch(showModal('FORGOT', {}));
  },
  login: () => {
   dispatch(login('....'))
  }
});

export default connect(
  mapStateToProps,
  mapDispatchToProps
)(LoginModal);