無駄なレンダリングの修正

[trancore]

タスク概要

• 各コンポーネント内でconsole.logを使ってテキストをconsoleに表示させると、何度も文字列が表示され、レンダリングが何回も行われていることがわかる。
• そのため、この無駄なレンダリングを朝得るための方法を調べ、修正する。

参考になりそうな資料

• レンダリング抑制にReact.memoは必要ない
• React の再レンダリングを防ぐ3つのパターン

作業

• 調査・方針決定
• 各コンポーネントのレンダリング調査
• 各コンポーネントの修正

完了条件

• 上記作業の完了