在 React JS 中调用映射数组内的函数时出现错误

Question

其实我是通过数组映射来调用函数

let artistId = artist._id;
orderData.products.map((cartproduct, index) => {
const sendOrderData = {
        product: cartproduct._id,
        qty: cartproduct.qty,
      };
  createOrder(userId, sendOrderData).then((data) => {
         if(data.error){
            console.log(data.error)
            }else{
           updateOrderDetails(artistId,sendData).then((response) => {
                if(response.error){
                    console.log(response.error)
                   }else{
                    console.log("done)
                  }
})

但是在对第一个元素完成 updateOrderDetails 函数调用之前，会为下一个元素调用 createorder 函数，因此我无法充分更新数据。

UpdateOrderDetails 进行 API 调用：

export const updateOrderDetailsOfArtist = (artistId, data) => {
  return fetch(`${API}/artist/updateorderdetails/${artistId}`, {
    method: "POST",
    headers: {
      Accept: "application/json",
      "Content-Type": "application/json",
    },
    body: JSON.stringify(data),
  })
    .then((response) => {
      return response.json();
    })
    .catch((err) => console.log(err));
};

Answer 1

所以，无论您在哪里编写了 updateOrderDetails(artistId) 函数， 添加async。

async function updateOrderDetails(artistId) {
...
// where ever you're using the return statement type await
return await response
}

但为了获得更好的答案，您需要显示 updateOrderDetails 函数的作用、返回的内容、调用的 API 正在做什么。