React で超絶楽にエラー画面を出せるよ - Qiita

こんにちは。ぬこすけです。 皆さんは React でエラー画面を出す時どうしていますか？ おそらく、こんな感じで頑張っているんじゃないかと思います。 function MyWidget() { const [isError, setIsError] = useState(false); useEffect(() => { // 何かしらデータを取得する処理 fetchSomething() .then(() => { // データの取得に成功した時の処理 }) .catch(() => { setIsError(true); }) }, []) if (isError) { return <div>エラーです</div> } return <div>正常です</div> } いたって普通のコードです。 が、コンポーネントごとでこのようなエラーのための処理を書いていくのは手間がかかります。

[cowbee]

エラーの振る舞いや表示の出し分けはどうやるのが良いんだろうね。ErrorBoundaryを複数作って囲うべきか、一つだけにしてコントローラコンポーネントに託すか、それとも他のやり方か。