Axiosでデータを取得するためのカスタム反応フックのテスト
次のスクリーンショットに示すように、コンソールで迷惑な警告が表示された場合、依存性を更新することによって修正できます.これが実際に行うのはフックの規則に違反することなくカスタムフックを実行するために正しい文脈を提供することです(この場合、don't think in lifecycle methods).番目の1つはAxios模擬アダプタの助けを借りてネットワークエラーの場合をチェックします.また、
データと結果.カレント.Loadカスタムフック呼び出しの戻り値を保持します.
これらの2つのアサーションはtrueに評価されます.
実際のネットワークコールがまだ実行されていないので、データ状態は渡された初期値を保持し、読み込み状態はtrueです.
await waitForNextUpdate()
を呼び出すことによる状態変化が行われ、結果となった.カスタムフックは、簡単に再利用することができる孤立したモジュールにロジックをカプセル化するのに非常に役に立ちます.データと結果.カレント.Loadカスタムフック呼び出しの戻り値を保持します.
これらの2つのアサーションはtrueに評価されます.
実際のネットワークコールがまだ実行されていないので、データ状態は渡された初期値を保持し、読み込み状態はtrueです.
Reference
この問題について(Axiosでデータを取得するためのカスタム反応フックのテスト), 我々は、より多くの情報をここで見つけました https://dev.to/doppelmutzi/testing-of-a-custom-react-hook-for-fetching-data-with-axios-4gf1テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol