React Reduxワンページアプリケーション：フルページレンダリングでAPI 404を処理する

Question

リアクタを使用してナビゲーションを実装するリアクタ1ページアプリケーションでは、レンダリング時にAPIエラーが発生したときにフルページエラーを表示するためのベストプラクティスページ内のコンポーネントですか？

より具体的には、単純にマップされていないURLルートに対して404エラーハンドラを実装するための適切な方法があることを理解していますが、URLが動的な部分data-idのように）、404エラーで応答する要求を行うコンポーネントのレンダリングが行われた場合、レスポンスレンダリングビュー全体をエラービューに置き換えるベストプラクティスは何ですか？

シナリオ例：

• ルート= "/プロフィール/人/：PERSONID"、
• 人物ID 1234は、バックエンドに存在しません。
• ユーザーの訪問 "/ profile/person/1234"
• profile/person /：PersonIdルートのコンポーネントがレンダリングされ、404で返されるperson Id 1234のプロファイルデータを取得する要求を行います。実際には、指定されたURLは反応ルータではなく、404であることを意味します。

Answer 1

これは単なる提案で、私が実際にあなたが求めているように定義されたベストプラクティスがあるとは思わないためです。サーバーエラーが発生し、代わりにエラー内容をレンダリングする有効なルート上で、あなたのページのレンダリングをショートカットう

<App> 
    { error ? <ErrorHandler /> : <PageHandler /> } 
</App> 

この構造：

ApiService.fetch(url).then(
    onSuccess(result) => { /* dispatch page fetch success */ }, 
    onError(result) => { /* dispatch page fetch error */ } 
); 

はその後のようなアプリの何かを構築します。