LifeCycle&条件レンダリング

LifeCycle

react projectではLifeCycleを理解してこそ開発がスムーズになります.

ライフサイクルのデフォルト順序

constructor

render

componentDidMount

(キャプチャ完了)

render

(setState)

コンポーネント更新

componentWillUnmount

親子のライフサイクル

構成部品に子がある場合、ライフサイクルは次のとおりです.
親、親、子、子、子の順に選択します.

条件レンダリング(&演算子)

開発の過程で地図を回す時に価格配分の前に回ることがあるので、undefinedに行きます.
この場合.

유효값 && map함수
이런식으로 유효값이 될 때만 map이 실행되도록 할 수가 있다.

なお、配列、オブジェクト([]、{})は空の配列、オブジェクト(例えばtrue値)は空の配列と呼ばれます.
空のレイアウトであればmapを迂回して誤出力することができます.
条件付きレンダリングを使用する場合

モードウィンドウ

ログイン時ポップアップウィンドウ等

출처 
- https://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/
- 위코드 수업