jsx syntax that confuses me

Question

I saw the next code:

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

Typically I use {} for jsx block code or to build objects. cardSource makes me feel uneasy. Is beginDrag a member of cardSource? If so, can I use the call: cardSource.beginDrag()?

Answer 1

Is beginDrag a member of cardSource?

Yes. This is equivalent to :

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

If so, can I use the call: cardSource.beginDrag()?

Yes.