Estoy implementando un calendario en react native con expo,el problema se basa en que quiero traer una fecha de la BD en firebase recorrerla y así marcar un evento en el calendario para esto uso:
constructor(props) {
super(props);
this.state = {
selected: "",
usuarios: [],
};
}
componentDidMount() {
firebase
.database()
.ref("DatosCli/")
.on("child_added", (data) => {
var datos = data.val();
var usuariosTemp = this.state.usuarios;
datos.key = data.key;
usuariosTemp.push(datos);
this.setState({ usuarios: usuariosTemp });
});
}
cargarDatos = async () => {
var userTemp = new Array();
var data = await firebase.database().ref("/DatosCli").once("value");
data.forEach((child) => {
var user = child.val();
user.key = child.key;
userTemp.push(user);
});
this.setState({ usuarios: userTemp });
};
y en el return - aquí es donde esta generando el error.
Justo en la linea donde está el state.map
render() {
return (
<View style={styles.container}>
{this.state.usuarios.map((usuarioTemp) => (
<CalendarList
markedDates={{
[usuarioTemp.date]: {
selected: true,
disableTouchEvent: true,
selectedColor: "orange",
selectedTextColor: "red",
},
}}
/>
))}
</View>
);
}
En ocasiones anteriores había recorrido la bd pero nunca de esta forma, no sé si está bien o hay otra forma mejor. La librería de calendario es: https://github.com/wix/react-native-calendars