如何在React中处理多个API请求并发

在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方法同时处理这两个请求，并在所有请求都完成时输出结果。您可以根据需要添加更多的请求和处理逻辑。