ライフサイクル

マウントに関するライフサイクルメソッド

2回目以降でrenderが呼ばれたら
→コンポがアップデートされた

コンポがマウント直前に呼ばれる
renderよりも先に呼ばれる
通常はコンストラクタで代用できる

コンポがマウント直後に呼ばれる
マウントされているためDOMに直接アクセスできる。

DOMに対してイベントリスナーを登録するならこのタイミング

stateが変更されるとrenderメソッドが実行される
render→componentDidMount→setState→rendre
のようにrenderが2回実行される。

コンポがアンマウントされる直前に呼ばれる

このライフサイクルは、各コンポに紐付いた処理の掃除をする
どこかでsetIntervalを使っていたらここでclearIntervalを実行するなど。

コンポのアップデートと関連で呼ばれる
アップデートはpropsかstateが変更されたときに行われる。

引数に受け取る予定のpropsをとる

componentWillReceiveProps(nextProps)

この時点ではthis.propsには以前音値が入っている。
propsの比較結果をstateとして扱いたいときに。