GWお勉強ブログ:1 [React Hooksの動きを理解する]

改めて動きを理解するためのコードを
書いてみました。

ページリロードしてここを押して見てください。

1
false
App render
Hello render
Hello Effect
App Effect

こうなっているかと思います。

まずuseStateで与えられたstateが参照されて
1
false
一番親の
Appが
App render
を出力
その後
子供の
Hello render

Hellow Effectは
omponentDidMountされたことを告げ
親が
App Effect
omponentDidMountされたことを告げています

ここまでがページリロード時の処理です

続きはまた書きます

---

SNS
・インド旅　instagram
・適当な日常写真　instagram
・シュールさーん　instagram
・シュールさーん LINEスタンプ
・もりたけんじTwitter
・ネタ帳Twitter
・note

・FaceBook -kennji.morita-
※わたしが結成しているWebチームではWeb未経験者、フリーランスの方へのお仕事を紹介しています。
もしご興味ある方はチャットから自己紹介を兼ねてご連絡ください。
※業務連絡やお久しぶり連絡はチャットからお願いします