const [attendance_list1, setAttendanceList1] = useState([]); useEffect(() => { console.log("entered Use ef"); const db = getDatabase(); const reference = ref(db, `prezente/${nume_mat}`); let aux = {}; onValue(reference, (snapshot) => { const mat = snapshot.val(); setAllAttendanceDetails(mat); aux = mat; }); console.log(aux); showAttendance(aux); }, []); function showAttendance(){ let aux = []; for (var key in x) { if (x.hasOwnProperty(key)) { aux.push(x[key]); } } setAttendanceList1(aux); } return ( <View> <Text style={{ fontWeight: "bold" }}>Attendance List 1</Text> {attendance_list1.map((item, i) => { return <Text key={i}>{item}</Text>; })} </View> );

¿Por qué la matriz de attendance_list1 no se muestra en el primer renderizado? Supongo que los estados de uso dentro de useEffect son más lentos que el primer renderizado.

La función onValue es de firebase,

¿Puedes por favor ayudarme a resolverlo? Gracias por adelantado !