content: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import { fetchMessage } from './../actions/message';
  import { connect } from 'react-redux';
  import { bindActionCreators } from 'redux';
  
  class Page extends Component {
    componentWillMount() {
      this.props.fetchMessage();
    }
  
    render() {
      return <div>
        <h1>Hallo Welt</h1>
        <h2>{this.props.messageText}</h2>
      </div>;
    }
  }
  
  Page.propTypes = {
    fetchMessage: PropTypes.func.isRequired,
  };
  
  function mapStateToProps(state) {
    return {
      messageText: state.get('message').get('text'),
    };
  }
  
  const mapDispatchToProps = (dispatch) => ({
    fetchMessage: bindActionCreators(fetchMessage, dispatch),
  });
  
  export default connect(mapStateToProps, mapDispatchToProps)(Page);
  