Representación de datos en FlatList desde firebase
Estoy usando React Native 0.49. Tengo datos obtenidos de Firebase, lista de usuariosusers/
, cada elemento de esta lista se configuró asífirebase.database().ref('users/' + userId).set(userInfo)
userId es eluid
del usuario actual.
Ahora estoy recuperando (en acciones - redux):
export function getPeople(){
return (dispatch) => {
dispatch(getPeopleRequest());
getData().then(result => {
dispatch(getPeopleSuccess(result.val()))
})
.catch(error => {
dispatch(getPeopleFailure(error))
});
}
}
const getData = () => {
const userRef = firebase.database().ref('users/').limitToFirst(20);
return userRef.once('value');
}
En el componente, estoy tratando de representar los datos en FlatList, pero no muestra nada, no sé qué estoy haciendo mal:
componentDidMount(){
this.props.getPeople();
}
_renderItem = ({ item }) => (
<View style={{flex: 1}}>
<Text>{item}</Text>
</View>
);
render(){
const { inProgress, people, error } = this.props.peopleData;
return (
<FlatList
data={people}
renderItem={this._renderItem}
/>
);
}
cuando el registro de la consolapeople
este es el resultado:{cpycwkz7exVBzmhaLEtHjMW66wn1: {…}, UbIITfUANmb63cYE2x7dZRZ0pfK2: {…}}