BFE.devでのAI解答例 - React クイズ
23. Suspense 3

このReactコードの実行結果は、以下の通りです。

1 2 (Uncaught (in promise) 1)

何が表示されているか、表示されなかったところは何か説明してください。

答え：

• 「1」「2」は順番に表示されます。
• しかし、「3」は表示されません。
• さらに、「(Uncaught (in promise) 1)」というエラーメッセージがコンソールに表示されます。
• これは、resource.get()がfetcherをスローしているため、Suspenseがその取得を待ち続けているためです。
• しかし、fetcherのプロミスが解決される前にAコンポーネントがレンダリングされたため、fetcherがプロミスのままであり、Suspenseはそれをキャッチできません。
• エラーメッセージは、「1」になっているのは、コンソールログによってAコンポーネントが最初に表示されたためです。