小编Fra*_*gne的帖子

我有一个问题，Firebase 版本 9 更新后，我似乎无法弄清楚如何对集合中的文档进行排序。

这是我的代码。我似乎不明白如何在 onSnapshot 中实现 orderBy 。有人可以将我推向正确的方向吗？我已查看文档但找不到解决方案。

import React, { useState, useEffect } from "react";
import SignOut from "./SignOut";
import { Grid, Typography, Avatar } from "@material-ui/core";
import db from "../firebase";
import { onSnapshot, collection, orderBy, query, limit } from "firebase/firestore";
import SendMessage from "./SendMessage";

function ChatBox() {
  const [messages, setMessages] = useState([]);

  useEffect(() => {
    onSnapshot(collection(db, "messages"), (snapshot) => {
      setMessages(snapshot.docs.map((doc) => doc.data()));
    });
  }, []);
  return (
    <>
      <Grid container>
        <Grid item xs="12" style={{ textAlign: "right" …