Javascript 让我困惑的jsx语法

我看到了下一个代码：

const cardSource = {
  beginDrag(props) {
    return {
      text: props.text
    };
  }
};

通常我将{}用于jsx块代码或构建对象。cardSource让我感到不安。beginDrag是cardSource的成员吗？如果是，我可以使用调用：cardSource.beginDrag（）

beginDrag是cardSource的成员吗

对。这相当于：

const cardSource = {
  beginDrag: function beginDrag(props) {
    return {
      text: props.text
    };
  }
};

如果是，我可以使用调用：cardSource.beginDrag（）

---

对

是的，你绝对可以！这是ES6，不是JSX。这是

beginDrag:function（props）{…}

的一种较短的方法，如果您在不传递props的情况下使用该调用，它将生成空指针错误。