ReactでES5とES6の違いでハマったので共有

主題のとおりです。

ES5ではうまくいってても、ES6だとうまくいかないことがありますね。

はい。ただの反省文です。。

 

Reactのes5からes6変換

 

React.createClassを使うのか、extends React.Componentを使うのかの違いぐらいかと思っていましたが、駄目でした。

 

少なくとも、「getInitialStateは使えない」し、「handlerもbindする必要がある」らしい。

  • getInitialStateの代わりに、constructor内でthis.stateに代入する。
  • handler系は.bindでバインドしてあげる

上記はやってあげないといけないですね。。

 

以上、共有でした。

 

2017/12/4 賢帝俊来