title: Class names for dynamic children React
body: <p>I have a set of buttons created from an array, however I'm unsure how to set individual classNames for them. Is there an easy way to this?</p>
  
  <pre><code>var ButtonContainer = React.createClass({
  
    render: function(){
      var answerList = this.props.answerList.map(function(input, i){
        return &lt;SingleButton key={'button'+i} singleAnswer={input}/&gt;
      }.bind(this));
      return &lt;div&gt; {answerList} &lt;/div&gt;
    }
  
  })
  
  var SingleButton = React.createClass({
  
    render: function(){
      return (
        &lt;div&gt;
          &lt;button className='quiz-button'&gt;{this.props.singleAnswer}&lt;/button&gt;     
        &lt;/div&gt;
      )
    }
  
  });
  </code></pre>
  
  <p>I've tried className={this.props.key} but that doesn't seem to work. Thanks for any help!</p>