等待状态更新

Question

我正在React.js中实现购物车，我需要等待状态完成更新，以便可以将其值发送到后端数据库。我有一个 quantState 变量，该变量存储购物车中已确定产品的项目数量。当我单击“增加”时， quantState 必须增加一个单位。如果我有10个单位，则单击 increase 时，它应该更新为11，然后将其发送到后端，但是实际发生的是将10发送到后端，然后完成更新为11如果再次单击，它将在更新之前发送值11，依此类推。在将状态发送到后端之前，如何等待状态完成更新？这是增加功能：

const increase = async (id) => {
        shopCart.forEach(async (el, i) => {
            if (el.id === id) {
                await setQuantState(prev => prev + 1);
                await updateCart(); // sends the updated values of the cart to the backend 
            }
        }
        )
    }