您好,登錄后才能下訂單哦!
在React中處理多個API請求并發可以使用Promise.all或axios.all方法。Promise.all方法接受一個promise數組作為參數,并在所有promise都成功時返回一個包含所有promise結果的新promise。axios.all方法是axios庫提供的方法,它可以同時發起多個請求,并在所有請求都完成時返回一個包含所有請求結果的新promise。
以下是一個使用axios.all方法處理多個API請求并發的示例:
import axios from 'axios';
const fetchData = async () => {
try {
const response1 = axios.get('api endpoint 1');
const response2 = axios.get('api endpoint 2');
const [data1, data2] = await axios.all([response1, response2]);
console.log(data1.data);
console.log(data2.data);
} catch (error) {
console.error(error);
}
}
fetchData();
在上面的示例中,我們使用axios庫的get方法來發起兩個API請求,然后使用axios.all方法同時處理這兩個請求,并在所有請求都完成時輸出結果。您可以根據需要添加更多的請求和處理邏輯。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。