javascript - 在Firebase中遍历多个子对象

我正在开发一个React应用程序，并想向状态树添加一系列组织。可以通过以下方式检索每个组织：

return firebase.database().ref('/organizations/' + org).once('value').then((snapshot) => {
        return snapshot.val();
      });

我目前正在尝试：

var orgs = user.organizations.map((org)=> {
  return firebase.database().ref('/organizations/' + org).once('value').then((snapshot) => {
    return snapshot.val();
  });
});

this.setState({
  organizations: orgs,
});

这是行不通的，因为在添加状态之前未解决诺言。有没有人有办法解决吗？

最佳答案

在这些情况下，解决方案是将需要快照的代码移到回调中：

var ref = firebase.database().ref('/organizations/');
var promises = user.organizations.map(org => ref.child(org).once('value'));
Promise.all(promises).then(snapshots => {
    // all snapshots have loaded
    // TODO: call this.setState() with all snapshots.
})

让我们看看这是否更好：

var promises = user.organizations.map(org => {
  return firebase.database().ref('/organizations/' + org).once('value')0;
});

Promise.all(promises).then(snapshots =>
  var orgs = snapshots.map(snapshot => snapshot.val());
  this.setState({
    organizations: orgs,
  })
})