我正在尝试创建一个聊天应用程序，并且有一个小问题。每当我从firebase加载消息时，它们就会以未排序的顺序出现在聊天应用程序中，因此我想按时间戳对消息进行排序，以便它们按顺序出现。如果我在useEffect的onReceive中移动sort和setMessages，则可以执行此操作，但是我觉得这样效率很低，因为它对从firebase检索到的每个消息都分别设置时间和setMessages。我想在所有消息都加载到数组后最后做所有事情。

现在，有了我的日志，我得到了：

[REDACTED TIME]  LOG      []
[REDACTED TIME]  LOG      pushing into loadedMessages
[REDACTED TIME]  LOG      pushing into loadedMessages

因此，它首先打印（空）数组，然后加载消息。如何确保以正确的顺序完成此操作？

  useEffect(() => {
    // Gets User ID
    fetchUserId(getUserId());

    const messagesRef = firebase.database().ref(`${companySymbol}Messages`);
    messagesRef.off();

    messagesRef.off();
    const onReceive = async (data) => {
      const message = data.val();
      const iMessage = {
        _id: message._id,
        text: message.text,
        createdAt: new Date(message.createdAt),
        user: {
          _id: message.user._id,
          name: message.user.name,
        },
      };
      loadedMessages.push(iMessage);
      console.log('pushing into loadedMessages');
    };
    messagesRef.on('child_added', onReceive);

    loadedMessages.sort(
      (message1, message2) => message2.createdAt - message1.createdAt,
    );

    console.log(loadedMessages);

    return () => {
      console.log('useEffect Return:');
      messagesRef.off();
    };
  }, []);