読者です 読者をやめる 読者になる 読者になる

メンチカツ

ロースカツが好きです

Reactで「Uncaught TypeError: Cannot read property 'props' of null」が出る

render(){
  return <myCompornent onClick={this.handleClick}></myCompornent>
}

ってやって、myCompornent側で

onClick(){
  this.props.onClick()
}

とかやると

Uncaught TypeError: Cannot read property 'props' of null

とエラーしてしまいます。

これは、

<myCompornent onClick={this.handleClick.bind(this)}></myCompornent>

とすることで回避できます。

これはes6の仕様です。es5で書かれたReactチュートリアルを写経すると発生しがちです。

qiita.com

きっちり写経したのにエラーしてしまう。。typoしてんのかな??

とか陥りがちなポイントです(というか陥った)。