BFE.devでのAI解答例 - React クイズ
2. React re-render 2 - memo()

上記のReactコードを実行した場合、コンソールにどのような出力がされますか？

A
B
C
App
D

• Aが最初に出力されますが、これは<App/>で最初にレンダリングされる要素が<A/>であるためです。
• Aコンポーネント内で<B/>がレンダリングされますが、<B/>はmemo()で包まれているため、初回レンダリング時のみレンダリングされます。
• B内で<C/>がレンダリングされますが、同様に初回レンダリング時のみレンダリングされます。
• Appがレンダリングされますが、<A/>と<D/>がレンダリングされます。<A/>は再度レンダリングされませんが、<D/>は初回レンダリングだけでなく、再度レンダリングされます。
• 最後にDが出力されます。