How to create an new instance of an Object in React? : <p>Obviously in normal JS I can do this</p>

<pre><code>var Card = function(rank, suit){
    this.rank = rank; 
    this.suit = suit
  }

var cardOne = new Card('3', 'H');

cardOne // Card {rank: "3", suit: "H"}
</code></pre>

<p>So how would I do that in react and ES6 land?</p>

<p>I have tried something like this:</p>

<pre><code>class ReactApp extends React.Component{

  Card = (rank, suit) =&gt; {
    this.rank = rank;
    this.suit = suit;
  };

  createCard = () =&gt; {
    let CardObj = {};
    let card = new this.Card('3', 'Hearts');
    console.log(card);
  };

}
</code></pre>

<p>(not showing render method for now)</p>

<p>but how can I get that to log the correct thing in react?
how are functions treated inside React? (key value pairs?) and how do i define objects etc?</p>
