CandidateList.component.js

import React, { Component } from 'react';
import Candidate from './Candidate.js';
import Button from 'react-uikit-button';

export default class CandidateList extends Component {
constructor(props) {
  super(props);

  this.handleClick = this.handleClick.bind(this)
}

handleClick() {
  this.props.onClick(this.props.votes)
}
    render() {
    if (this.props.candidates !== null) {
      var candidateItems = this.props.candidates.map((candidate) => (
        <Candidate
        key={'candidate-' + candidate.id} 
        id={candidate.id}
        name={candidatecandidate[0]}
        />
      ));
      return (
        <div>
          {candidateItems}
          <Button 
          block body='Vote for me!' 
          context='primary'
          onClick={this.handleClick} />
        </div>
      )} else {
        return (
          null 
        )
      }
  }
}