new.js

var React = require('react');


var VoteWords = React.createClass({
  getInitialState: function(){
    return{
      votes: []
    }
  },

  componentDidMount: function(){
    var self = this;
    // if(self.props.voteWords != self.state.votes){
    //   self.setState({votes: self.props.voteWords});
    //   debugger;
    // }
  },

  renderVotes: function(votes){
    return votes.map(function(vote) {
      return <div><a className="btn btn-primary">{vote.word}<span className="badge">{vote.count}</span></a></div>
    });
  },


  render: function(){
    return (
      <div>
        {this.renderVotes(this.props.voteWords)}
      </div>
    )
  }
});

module.exports = VoteWords;