私の Pokemon アプリケーションは、次のライブラリを使用しています: React Hook Form、React Query、および React Error Boundary。
リクエストが行われていないNo Pokemon Yet, Please Submit a Pokemon.場合はレンダリングされます。エラーが発生した場合はTry Again、代わりにボタンがレンダリングされますNo Pokemon Yet, Please Submit a Pokemon。Try Againボタンをクリックすると、がNo Pokemon Yet, Please Submit a Pokemon再び表示され、検索入力がリセットされ、ユーザーは再びクエリを作成できるようになります。
ただし、私の実装は機能していません。最初はNo Pokemon Yet, Please Submit a Pokemon、ユーザーがクエリを送信する前にレンダリングされていません。また、一致するものがないクエリを入力すると、エラー境界がトリガーされず、ユーザーに何が起こったのかが通知されず、Try Againボタンをクリックした後にクエリを再送信できません。DevTools Network タブで 404 が表示されます。
imgReact Error Boundary は、 fromがコメント解除されている場合にのみトリガーされPokemonInfoます。レンダリングしCannot read property 'front_default' of undefinedます。
私が間違っていることを教えてください。