Tengo la siguiente función handleSubmit que realiza 3 llamadas para la función asincrónica handleRequest (función común utilizada para obtener el resultado). Quiero esperar hasta que las 3 funciones terminen de ejecutarse y necesito mostrar un mensaje de éxito si las 03 se ejecutan correctamente. ¿Cómo puedo identificar cuándo finaliza programáticamente la ejecución de 03?
const handleSubmit = () => { if (isTravelStatusChanged) { const body = { travel_id: xxx, status: xxx } handleRequest(editTravelStatus, "PUT", body, (data) => { let affectedRowCount = data.affectedRowCount ? data.affectedRowCount : 0 if (affectedRowCount > 0) { console.log("Result 1") } else { setSnackbarData({ message: "Failed", open: true, severity: "error", onClose: onCloseSnackbar }) } }) } if (isTravelAgentChanged) { const body = { travel_id: xxx, travel_agent_id: xxx } handleRequest(editTravelAgent, "PUT", body, (data) => { let affectedRowCount = data.affectedRowCount ? data.affectedRowCount : 0 if (affectedRowCount > 0) { console.log("Result 2") } else { setSnackbarData({ message: "Failed", open: true, severity: "error", onClose: onCloseSnackbar }) } }) } if(isVisaChanged) { const body = { travel_id: xxx, visa_id: xxx } handleRequest(editVisa, "PUT", body, (data) => { let affectedRowCount = data.affectedRowCount ? data.affectedRowCount : 0 if (affectedRowCount > 0) { console.log("Result 3") } else { setSnackbarData({ message: "Failed", open: true, severity: "error", onClose: onCloseSnackbar }) } }) } }