A continuación se muestra mi fragmento de código que no funciona según lo previsto. La cosa es que el primer console.log en useEffect superior muestra que, de hecho, la matriz tiene una longitud de 1 y contiene un elemento PERO no pasa la verificación if. Supongo que console.log es de alguna manera asincrónico y ve el estado actualizado, pero si no. En ese caso, no estoy seguro de cómo esperaría a que se actualice el estado porque pensé que useEffect REACTS ON se ha actualizado. Gracias de antemano.
const [roomsCurrent, setRoomsCurrent] = useState([]); useEffect(() => { console.log(roomsCurrent); if (roomsCurrent.length != 0) { console.log(roomsCurrent.length); } }, [roomsCurrent]); useEffect(async () => { let roomData = []; if (rooms != null) { await Promise.all(rooms['rooms'].map(async (room) => { let result = await fetchRoomCurrent(room['room_identifier']); roomData.push({ "room_identifier": room["room_identifier"], "display_name": room["display_name"], "temperature": result["temperature"], "humidity": result["humidity"], "pressure": result["pressure"], "thermostat_state": result["thermostat_state"], "dryer_state": result["dryer_state"] }); })).then(setRoomsCurrent(roomData)); } }, [rooms]);EDITAR: habitaciones obj
{ "rooms": [ { "display_name": "Living room", "room_identifier": "living_room" }, { "display_name": "Bathroom", "room_identifier": "bathroom" }, { "display_name": "Kitchen", "room_identifier": "kitchen" } ] }EDITAR: Cambió el código original, todavía no hubo suerte. No estoy seguro de cómo recorrer de forma asíncrona todas las habitaciones y actualizar después de que hayan pasado todos los ciclos.