在React中調用后端接口可以通過使用fetch
或者axios
等庫來實現。以下是一個例子:
fetch('/api/data') // 接口地址
.then(response => response.json()) // 將響應的數據轉為JSON格式
.then(data => {
// 在這里處理接口返回的數據
console.log(data);
})
.catch(error => {
// 處理錯誤
console.error(error);
});
首先,需要通過npm安裝axios庫:
npm install axios
然后,你可以像這樣使用axios來調用后端接口:
import axios from 'axios';
axios.get('/api/data') // GET請求的接口地址
.then(response => {
// 在這里處理接口返回的數據
console.log(response.data);
})
.catch(error => {
// 處理錯誤
console.error(error);
});
以上代碼中的/api/data
是示例的接口地址,你需要根據實際情況替換成你的后端接口地址。