Firestore中startAfter()函数始终返回相同数据的问题求助

你的问题出在startAfter()的参数类型不匹配：

你用orderBy('createdAt', 'asc')排序，但传入startAfter(23)是一个任意数字，而createdAt字段通常是Firestore的Timestamp类型（或毫秒级时间戳数字），两者类型不匹配时，Firestore无法正确定位查询起始位置，导致每次都返回前5条数据。

正确实现方式 #

需要维护上一次查询的最后一个文档，用它的createdAt值或文档快照本身作为startAfter()的参数：

1. 先声明变量保存最后一个可见文档：

let lastVisibleDoc = null;

2. 修改fetchMore函数：

const fetchMore = async () => {
    const queryConstraints = [
        collection(db, 'chat-messages'),
        orderBy('createdAt', 'asc'),
        limit(5)
    ];

    // 若存在上一次的最后文档，添加startAfter约束
    if (lastVisibleDoc) {
        queryConstraints.push(startAfter(lastVisibleDoc));
        // 也可直接传字段值：startAfter(lastVisibleDoc.data().createdAt)
    }

    const q = query(...queryConstraints);
    const querySnapshot = await getDocs(q);

    // 更新最后可见文档
    if (!querySnapshot.empty) {
        lastVisibleDoc = querySnapshot.docs.at(-1);
    }

    querySnapshot.forEach(doc => {
        console.log(doc.data())
    });
}

关键说明 #

• startAfter()的参数必须与orderBy指定的字段类型完全一致：如果createdAt是Timestamp类型，就传对应Timestamp值；如果是数字时间戳，就传匹配的数字。
• 直接传入DocumentSnapshot对象是更稳妥的方式，Firestore会自动提取排序字段的对应值。

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