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){
    var v = [];
    for(words in votes){
      v.push(<div><a className="btn btn-primary">{words.word}<span className="badge">{words.count}</span></a></div>);
      debugger;
    }
    console.log(votes);
    return v;
  },


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

module.exports = VoteWords;