A component using dServices

index.js

import React, { Component } from 'react';
import { connect } from 'react-redux';

import SoccerService from '../Services/SoccerService.js';

class MatchList extends Component {
  componentDidMount() {
    this.props.dispatch(SoccerService.getMatches());
  }
  
  render() {
    // Do JSX Stuff
  }
}

// Since there is no initial state yet
MatchList.defaultProps = {
  matchList: []
};

const mapStateToProps = state => ({
  // The result of the API Call will be stored here due to
  // mystic invisible handling
  matchList: state.soccer.getMatches
});

export default connect(mapStateToProps)(MatchList);