Firestore如何按timestamp字段降序拉取并展示数据？

你当前的onSnapshot参数传递不符合Firestore v9+的语法要求：orderBy是查询约束，需要和collection一起传入query()方法组装成完整的查询对象，才能被正确识别生效。

• 第一步：确保从firebase/firestore包中导入query方法：

import { collection, onSnapshot, orderBy, query, addDoc, serverTimestamp } from "firebase/firestore";

• 第二步：改写你的监听查询代码，先组装查询再监听：

useEffect(() =>{
    // 组装带排序规则的查询对象
    const postsQuery = query(collection(db, 'posts'), orderBy("timestamp","desc"));
    const unsubscribe = onSnapshot(postsQuery, (snapshot) =>{
        setPosts(snapshot.docs.map(doc => ({...doc.data(), id: doc.id})));
    });
    // 组件卸载时取消监听，避免内存泄漏
    return () => unsubscribe();
}, []);

• 第三步：首次运行如果出现查询报错，打开浏览器控制台找到Firestore返回的索引创建提示，按提示创建对应索引，等待索引生效后即可正常返回按时间戳降序排列的结果。

你原本的写入数据逻辑没有问题，serverTimestamp()生成的服务端时间戳可以被orderBy直接识别排序，最终拿到的posts数组默认就是最新发布的内容在前，直接渲染即可实现需求。

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