開発者ドキュメント

ReactでAxiosを使用する方法

序章

Web上の多くのプロジェクトは、開発のある段階でRESTAPIとインターフェースする必要があります。 Axios は、Angular.jsv1.x内の$httpサービスに基づく軽量HTTPクライアントであり、ネイティブJavaScript FetchAPIに似ています。

Axiosはpromiseベースであり、JavaScriptのasyncおよびawaitを利用して、より読みやすい非同期コードを作成できます。

リクエストをインターセプトしてキャンセルすることもでき、クロスサイトリクエストフォージェリに対するクライアント側の保護が組み込まれています。

この記事では、Axiosを使用してReactアプリケーション内で人気のあるJSONプレースホルダーAPIにアクセスする方法の例を紹介します。

前提条件

この記事をフォローするには、次のものが必要です。

モバイルバージョンを終了