此问题在此处已有答案：

How to sort an object array by date property?（25个回答）
Using async/await with a forEach loop（34个回答）
6小时前关闭
我目前正在尝试在React.js中开发一个 Jmeter 板应用程序。我正在尝试填充一个对象数组并将它们Map到列表中。
对于每个对象，我都必须对服务器进行axios GET调用以获取所有数据。当我试图从数组中读取对象时，我得到的顺序与我应该得到的顺序不同。首选输出是数组中的对象按DateTime排序。
我的猜测是，它与线程有关，第一个完成的请求将在其他请求之前插入。
有没有人知道有没有更好的方法来做我现在正在做的事情？或者如果我忘记了什么。
这是我执行逻辑的主要组件

const [shipments, setShipments] = useState([]);

    async function createRows(shipmentId){
      // The incoming id's are in correct order

      const details = await getShipmentDetails(shipmentId);
      // From this point on the responses are in a different order each time it's ran

      let row = {
        shipmentId: details.shipmentId,
        shipmentReference: details.shipmentReference,
        shipmentDateTime: details.shipmentDateTime,
        shipmentItems: details.shipmentItems,
      }
      
      if(shipments.map(s => s.shipmentId).indexOf(row.shipmentId) == -1){

        setShipments(rows => [...rows, row])
      }
    }

    async function retrieveShipments(){ 
      const amount = 5;
      await connectToBol();

      let allShipments = await getShipments();
      allShipments.splice(amount, (allShipments.length-amount + 1))

      if(allShipments.length > 0){
        allShipments.forEach(async shipment => { 
          await createRows(shipment.shipmentId);
        })
      }
    }

    useEffect(() => {
      retrieveShipments()
    }, []);

字符串
这是执行axios请求的方法

export async function getShipmentDetails(shipmentId){

    const response = await axios.get(`${baseUrl}/shipments/${shipmentId}`,{
        headers: {
            'Authorization': 'Bearer ' + <token>
        }
    })
        
    .catch((error) => {
        console.log('Error: ', error);
    });

    return response.data; 
}

型
下面是我当前获得的输出