En el siguiente código, coloco una función REQ de publicación dentro de un bucle forEach y envío una solicitud para cada entrada de servicio seleccionado que existe dentro de esa matriz. Luego, cuando terminó el ciclo, busco todos los servicios de usuario y los configuro en mi estado.

 const handleAddServiceToUser = async () => { if (selectedServices === []) { setErr('Please Select A Service') } else { selectedServices.forEach(async (selectedService) => { await addNewUserService(userId, selectedService.id) }) const res = await getUserServicesList(userId) setUserServices(res.data) handleClose() if (err !== '') { setErr('') } setSelectedServices([]) } }

Nunca antes había visto o probado algo como esto (async forEach). El código parece estar funcionando cuando lo pruebo en mi cliente. Supongo que probablemente no sea una buena práctica hacer algo como esto. ¿Es esto aceptable en términos de rendimiento? Y si no, ¿cuál es una alternativa?