ReactでAPIを呼び出す方法は?
ReactでAPIを呼び出すには、`fetch`関数または`axios`ライブラリを使用します。以下に2つの例を示します:
- fetch関数を使用する:
fetch('http://api.example.com/data')
.then(response => response.json())
.then(data => {
// 处理返回的数据
})
.catch(error => {
// 处理请求错误
});
- npmでaxiosをインストールする
必要なコンポーネントに Axios をインポートします。
import axios from 'axios';
axios.get('http://api.example.com/data')
.then(response => {
// 处理返回的数据
})
.catch(error => {
// 处理请求错误
});
どちらの方法もサーバにHTTPリクエストを送ってAPIを呼び出しPromiseで受信データやエラーを処理します。実際の状況に合わせて、どちらかを選択していただければと思います。