エラーバウンダリは、子ツリーのレンダリング中にスローされた JavaScript エラーをキャッチし、アプリ全体をクラッシュさせる代わりにフォールバック UI を表示し、エラーをログに記録できるコンポーネントです。
jsx
{
state = { : };
() {
{ : };
}
() {
(error, info);
}
() {
.. ? : ..;
}
}
<>
</>
エラーバウンダリは、子ツリーのレンダリング中にスローされた JavaScript エラーをキャッチし、アプリ全体をクラッシュさせる代わりにフォールバック UI を表示し、エラーをログに記録できるコンポーネントです。
{
state = { : };
() {
{ : };
}
() {
(error, info);
}
() {
.. ? : ..;
}
}
<>
</>
ジュニアからシニアまで、詳細な回答付きのIT面接質問ライブラリ。
寄付する✅ キャッチするもの: 配下のコンポーネントの render 内、ライフサイクルメソッド内、およびコンストラクタ内で発生したエラー。
❌ キャッチしないもの:
try/catch を使う)。setTimeout)— これらはレンダリングフローの外にある。react-error-boundary ライブラリを使う)。