Populate listview from firebase. Different paths - firebase

Question

My database looks like that:
I know how to fetch genUserID and genUserID2 and renrder info to Flatlist. But how can i make two request to one fatlist?
I would like to get ids from eventAttenders/2188058178082419 and then get names from users database. User id comes from previous request.
My code:
constructor(props) {
super(props);
this.state = {
arrData:[]
};
}
componentDidMount = () => {
var ref = firebase.database().ref("eventAttenders/2188058178082419");
ref.once('value').then(snapshot => {
var items = [];
snapshot.forEach((child) => {
items.push({
id: child.val().id,
name: child.val().name,
email: child.val().yks,
});
});
this.setState({ arrData: items});
});
}

Answer 1

Umm, if understood your question correctly, the easy fix would be get all the ids first then with loop, get one more ref to the userlist and get the data.
constructor(props) {
super(props);
this.state = {
arrData:[]
};
}
componentDidMount = () => {
var ref = firebase.database().ref("eventAttenders/2188058178082419");
var items = [];
ref.once('value').then(snapshot => {
snapshot.forEach((child) => {
const { id } = child;
console.log(id) //make sure you are getting two ids genUserID and
// genUserID2 from 2188058178082419 ref
firebase.database().ref(`users/${id}`).once('value').then(childsnapshot => {
childsnapshot.forEach(keys => {
console.log(keys);
items.push({
name: keys.name,
phone: keys.phone,
});
});
});
this.setState({ arrData: items});
});
}