parent.component.js

import React, { Component } from 'react';
import CandidateList from './Views/CandidateList.js';
import Candidate from './Views/Candidate.js';
import fetch from 'isomorphic-fetch';
import { Route, Switch } from "react-router-dom";

class ParentComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      votes: 0
    }
    this.handleVote = this.handleVote.bind(this);
  }

  handleVote(votes) {
      const nextVoteTotal = votes + 1;
      this.setState({ 
        votes: nextVoteTotal
      })
    }

  componentDidMount() {
    const url = `https://myelection.com`
    fetch(url, {
    method: 'GET',
    headers: {
        Accept: 'application/json',
    }
    }).then((resp) => resp.json())
    .then((json) => {
        this.setState({ votess: json[votes]})
    }).catch((error) =>
        console.log(error)
    )
  }

  render() {
    return (
      <div>
        <Switch>
        <Route 
          exact path = '/'
          render={() => 
          <CandidateList 
            votes={this.state.votes}
            onClick={this.handleVote}
            />}/>
        <Route 
          path='/voting_totals/:candidateId'
          render={() => <Candidate candidateTotal={this.state.votes} />}/>
        </Switch> 
      </div>
    );
  }
}

export default ParentComponent;