ライフサイクルとは
コンポーネントが配置されて、変更されて、破棄されるまでの流れのこと
ライフサイクルには３種類ある
上記にほぼ書いてありますが、それぞれこういう意味
- Munting
コンポーネントの配置 - Updating
コンポーネントの変更 - Unmounting
コンポーネントの破棄
主要メソッド
それぞれのライフサイクルには主要なメソッドがあるそうで、取り合えずこれだけ覚えておきましょう
Muntingの主要メソッド
- constructor()
初期化
stateを初期化するときに多く使っている
これからコンポーネントの中で使おうとする変数等を最初に定義するとき使う - render()
Virtual DOMを描画 JSXを返す - componetDidMount()
render()後に一度だけ呼ばれる
コンポーネントに対してイベントリスナーを設定することが多い
addEventListenerをよく使っている
Updatingの主要メソッド
- render()
Virtual DOMの再描画
コンポーネントに変更が加わったときに再度呼ばれる - componentDidUpdate()
再render()後に呼ばれる
条件付きイベントを使うときに使う
Unmountingの主要メソッド
- componentWillUnmount()
コンポーネントが破棄される直前、リソースを開放する
リスナーを解除するために使うこと多い
removeEventListenerをよく使っているということ
動画見てそれ通りにやるとこういう基礎の部分が抜け落ちることがよくあるので、こうやってアウトプットすることはやっぱり大事ですね
この記事書いててやっとこの辺の知識がわかってきました汗