mapdispatchtoprops.js

// import react, etc

import { beginRegistration } from 'actions/registration';


export RegistrationButton extends Component {
  propTypes = {
    text: PropTypes.string.isRequired,
    beginRegistration: PropTypes.func.isRequired
  };

  render() {
    const { text, beginRegistration } = this.props;
    return (<button onClick={beginRegistration}>{text}</button>);
  }
}

const mapStateToProps = state => ({text: state.registrationText });
const mapDispatchToProps = dispatch => ({
  beginRegistration() {
    dispatch(beginRegistration());
  }
});
export default connect(mapStateToProps, mapDispatchToProps)(RegistrationButton);