javascript - 如何在 React 中创建对象的新实例？

Question

显然在普通的 JS 中我可以做到这一点

var Card = function(rank, suit){
    this.rank = rank; 
    this.suit = suit
  }

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

cardOne // Card {rank: "3", suit: "H"}

那么我该如何在 React 和 ES6 领域做到这一点？

我试过这样的:

class ReactApp extends React.Component{

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

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

}

(暂时不显示渲染方法)

但是我怎样才能让它在 react 中记录正确的事情呢？React 中的函数是如何处理的？ (键值对？)以及如何定义对象等？

Answer 1

如果您正在寻找 Card 模型，您可以为此创建一个新的 ES6 类

export class Card {
  constructor(rank, suit) {
    this.rank = rank;
    this.suit = suit;
  }
}

在此之后，您可以将该模型导入到 React 组件中作为

import {Card} from './card'