I am trying to get all the cards to render out randomly

card.js.jsx

var Hearts = React.createClass({
  getInitialState(){
    return { cards: [] }
  },

  getCards(){
    this.setState({
        cards:   [
      {
  four:   <div className="outline shadow rounded red" onClick={this.flipCard}>
           <div className="top"><span>4</span><span>&hearts;</span></div>
            <h1>&hearts;</h1>
           <div className="bottom"><span>&hearts;</span><span>4</span></div>
          </div>
      },
      {

  three:  <div className="outline shadow rounded red" onClick={this.flipCard}>
           <div className="top"><span>3</span><span>&hearts;</span></div>
            <h1>&hearts;</h1>
           <div className="bottom"><span>&hearts;</span><span>3</span></div>
          </div>
      },
      {
             
  two:    <div className="outline shadow rounded red" onClick={this.shuffleCards}>
           <div className="top"><span>2</span><span>&hearts;</span></div>
            <h1>&hearts;</h1>
           <div className="bottom"><span>&hearts;</span><span>2</span></div>
          </div>
      }]
    });
  },

  componentWillMount(){
    this.getCards();
  },

  render(){
    var dealtCards = this.state.cards
    dealtCards.map(dealt => {
    var myHearts = [dealt.two, dealt.three, dealt.four]
        return (
          myHearts.sort(function () {return 0.5 - Math.random();})
        )
      });

    return(
      <div>
        {myHearts}
      </div>
    )
  }
});