ReactでAPIを呼び出す方法は?

ReactでAPIを呼び出すには、`fetch`関数または`axios`ライブラリを使用します。以下に2つの例を示します:

  1. fetch関数を使用する:
fetch('http://api.example.com/data')
  .then(response => response.json())
  .then(data => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理请求错误
  });
  1. npmでaxiosをインストールする

必要なコンポーネントに Axios をインポートします。

import axios from 'axios';

axios.get('http://api.example.com/data')
  .then(response => {
    // 处理返回的数据
  })
  .catch(error => {
    // 处理请求错误
  });

どちらの方法もサーバにHTTPリクエストを送ってAPIを呼び出しPromiseで受信データやエラーを処理します。実際の状況に合わせて、どちらかを選択していただければと思います。

bannerAds