再レンダリングが起きる条件

おさらいですが、重要なので

important

Reactで再レンダリングが起きるパターンは以下の3つです。

1. stateが更新されたコンポーネント
2. propsが変更されたコンポーネント
3. 再レンダリングされたコンポーネント配下のコンポーネントすべて

上記のstateやpropsなどの値をReact Hooksの第二引数に指定することで、値が変化したときだけレンダリングをさせることができます。