メソッドをpropsで渡した時にthisが参照するオブジェクト

Question

export default class ComponentA extends React.Component{

  methodA = () => {
    return this.props.name
  }

  methodB() {
    return this.props.name
  }

  render(){ 
    return (
      <ComponentB methodA={this.methodA} methodB={this.methodB} />
    )
  }
}

このようなコンポーネントがあった時、
ComponentBに渡された、methodAとmethodBのなかのthisは、ComponentBの中では異なるものを参照するという認識でよろしいですか？
詳細にいうと、ComponentBの中では、methodAのthisはcomponentA、methodBのthisはcomponentBを参照しますか？

Answer 1

ComponentBに渡された、methodAとmethodB

この表記では渡せません（methodAが見つからずReferenceErrorとなります）。クラス内から参照する場合でもthisは要略できません。

Comments

[tomoharu]

申し訳ありません。thisをつけるのを忘れておりました。修正しました。

[maisumakun]

> ComponentBに渡された、methodAとmethodBのなかのthisは、ComponentBの中では異なるものを参照するという認識でよろしいですか？

はい。

> 詳細にいうと、ComponentBの中では、methodAのthisはcomponentA、methodBのthisはcomponentBを参照しますか？

いいえ、methodBのthisはundefinedあるいはwindowです。

[tomoharu]

ありがとうございます。この辺り少し理解が曖昧で。。。thisの特性について学べばわかる部分でしょうか。。。？