Hola compañeros programadores tengo este caso en especifico en el cual me cuesta un poco pensar en una manera de solucionar mi problema.
Déjame explicarte el problema primero. Tenemos un objeto JS con datos para 'renderizar' para cada elemento que necesitamos para ejecutar una llamada API para obtener sus atributos específicos. Para estar perfectamente optimizado, primero ejecutamos una llamada a la API para que todos los elementos se agreguen en el mismo nivel (por ejemplo), el primer nivel es: agregue la sección, luego vemos que la sección tiene hijos y luego ejecutamos agregar los 3 elementos en el mismo nivel ( juntándolos). Pero luego vemos que cada elemento tiene elementos secundarios 1 que deben agregarse. Y ahí comienza la diversión para mí porque necesitamos ejecutar una llamada API para cada elemento para agregar sus respectivos elementos secundarios 1 y luego verificar si alguno de ellos tiene más elementos secundarios.
Entonces, mi problema es cuando ejecuto todas estas múltiples llamadas API en paralelo, ¿cómo puedo detectar cuándo se agregaron los últimos elementos secundarios para poder ejecutar Render! Sé que puedo renderizar varias veces, pero eso no está optimizado en absoluto (lo probé y funciona), pero quiero usar el renderizado solo 1 vez cuando se hayan agregado los últimos elementos secundarios.
(Tenga en cuenta que esta estructura puede cambiar, podemos tener 1 nivel de niños o 4 niveles).
Así que dada esta estructura