给定一组 uid，如何在 React Native 中返回 Firebase 数据的 JavaScript 对象？

Question

我的代码中有一个区域，其中组的用户存储在一个数组中。在某些情况下，我想收集有关用户的其他数据。

这是我目前尝试过的：

async getMembersData(groupUid) {
    const members = await this.getMembers(groupUid);
    var membersData = {};

    Object.keys(members).map((key, i) => {
        const member = members[key];

        firebase.database().ref(`users/${member.uid}`).once('value', snap => {
            membersData[member.uid]  = {
                'uid': member.uid,
                'username': snap.child('username').val(),
                'imageUrl': snap.child('imageUrl').val(),
                'type': member.type,
            };
        });
    });

    return membersData;
}

我通过设置状态和使用 firebase .on() 函数使这段代码的工作方式类似，但我需要它与 .once() 一起工作并返回对象。

Answer 1

以下应该有效。由于once() 方法是异步的并返回带有DataSnapshot 的Promise，因此我们使用Promise.all() 来并行执行不同的查询。

        async getMembersData(groupUid) {

            const members = await this.getMembers(groupUid);

            var membersData = {};

            const promises = [];
            const memberTypes = [];

            Object.keys(members).map((key, i) => {
                const member = members[key];
                promises.push(firebase.database().ref(`users/${member.uid}`).once('value'));
                memberTypes.push(member.type);
            });

            const memberSnapshotsArray = await Promise.all(promises);

            memberSnapshotsArray.forEach((snap, index) => {
              //You may check here if the DataSnapshot exists (snap.exists())                  

              const memberUid = snap.key;
              membersData[memberUid]  = {
                'uid': memberUid,
                'username': snap.child('username').val(),
                'imageUrl': snap.child('imageUrl').val(),
                'type': memberTypes[index]
              };  

              //Note that returned values from Promise.all() will be in order of the Promises passed, regardless of completion order
              //This is why we can use memberTypes[index]

            });             

            return membersData;
        }