ライフサイクルの学習に参考にした記事

useEffect は、２つの引数を取る。

１つ目の引数は関数で、２つ目の引数は依存する変数の配列。

useEffect を利用すると、先程説明した componentDidMountと componentDidUpdate のどちらの場合でも、第一引数の関数が呼び出される。つまり、初期化時、および状態の変更時に呼び出される。

ただし、第2引数が与えられるとその値が変更されたときだけ呼び出されるようになる。

useEffect(()=> {
  // 初期化時、更新時（状態変更時など）に常に呼ばれるが、
}, [count]) // これを指定すると count の変更時のみ実行されるようになる

フォームを作っていく

% yarn add styled-components