React Native查询Realtime Database后无法向数组插入项目问题排查

• 异步回调执行顺序问题：Firebase Realtime Database的所有读操作（once/on）都是异步API，回调函数会在网络请求返回数据后才执行。你当前代码里的console.log和setmessagesWithPhotos是写在最外层db.ref('messages/').once的回调末尾，此时内部嵌套的2层子查询回调还未触发，array_Message_还没被推入任何数据，所以打印为空。
• API使用错误：你多次使用on方法注册持续监听，该方法不会自动结束，也不符合你单次拉取数据的场景，不仅会导致后续逻辑无法按预期同步执行，还会引发内存泄漏、重复触发回调的问题，应该替换为单次查询的once方法。
• async关键字未生效：你声明了chatBox是async函数，但所有数据库操作都没有配合await做异步同步化处理，async关键字没有起到任何作用，无法解决异步顺序问题。
• 嵌套回调层级过深：多层回调嵌套导致异步流程完全不可控，没有统一的机制判断所有子查询是否全部执行完成。

const chatBox = async () => {
  let array_Message_ = [];
  try {
    setLoading(true);
    const currentUid = auth().currentUser.uid;
    // 第一步：拿到所有消息根节点的快照
    const rootSnapshot = await db.ref(`messages/`).once(`value`);
    if (!rootSnapshot.exists()) return;

    // 收集所有需要执行的子查询Promise
    const queryTasks = [];
    rootSnapshot.forEach(childSnapshot => {
      const chatKey = childSnapshot.key;
      if (chatKey.includes(currentUid)) {
        const otherUserId = chatKey.replace(currentUid, "");
        // 把每个子查询包装成Promise push到任务列表
        queryTasks.push((async () => {
          // 第二步：拿当前聊天的最后一条未屏蔽消息
          const msgSnapshot = await db.ref('messages').child(chatKey)
            .orderByChild("sentWhileBlocked")
            .equalTo(false)
            .limitToLast(1)
            .once('value');
          if (!msgSnapshot.val()) return;

          // 第三步：拿对应用户信息
          const userSnapshot = await db.ref(`users`).once(`value`);
          const msgData = msgSnapshot.val();
          for (let key in msgData) {
            userSnapshot.forEach(user_childSnapshot => {
              if (otherUserId == user_childSnapshot.key) {
                array_Message_.push({
                  text: msgData[key].text,
                  timestamp: msgData[key].timestamp,
                  username: user_childSnapshot.val().username,
                  messageKey: key,
                  key: msgSnapshot.key
                })
              }
            })
          }
        })());
      }
    })

    // 等待所有子查询全部执行完成
    await Promise.all(queryTasks);
    // 此时数组已经填充完毕，再打印和赋值
    console.log("array: " + JSON.stringify(array_Message_))
    setmessagesWithPhotos(array_Message_);
  } catch (err) {
    console.log(err);
  }
}

内容的提问来源于stack exchange，提问作者AJDee