Renderizando dados no FlatList a partir do firebase
Estou usando o React Native 0.49. Tenho dados obtidos a partir do firebase, lista de usuáriosusers/
, cada item desta lista foi definido assimfirebase.database().ref('users/' + userId).set(userInfo)
userId é ouid
do currentUser.
Agora estou recuperando (em ações - 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');
}
No componente, estou tentando renderizar os dados no FlatList, mas não está renderizando nada, não sei o que estou fazendo de errado:
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}
/>
);
}
quando o log do consolepeople
isto é resultado:{cpycwkz7exVBzmhaLEtHjMW66wn1: {…}, UbIITfUANmb63cYE2x7dZRZ0pfK2: {…}}