Имена на класове за динамични деца React

Имам набор от бутони, създадени от масив, но не съм сигурен как да задам отделни имена на класове за тях. Има ли лесен начин за това?

var ButtonContainer = React.createClass({

  render: function(){
    var answerList = this.props.answerList.map(function(input, i){
      return <SingleButton key={'button'+i} singleAnswer={input}/>
    }.bind(this));
    return <div> {answerList} </div>
  }

})

var SingleButton = React.createClass({

  render: function(){
    return (
      <div>
        <button className='quiz-button'>{this.props.singleAnswer}</button>     
      </div>
    )
  }

});

Опитах className={this.props.key}, но изглежда не работи. Благодаря за всяка помощ!