React Firebase应用中按userDocID批量删除postLikes文档

我正在使用React和Firebase开发社交媒体应用，需按userDocID批量删除postLikes集合中的文档，例如删除该集合内所有userDocID等于s5iVbDGC2dHOZZeGVyFg的文档。我希望将该功能集成到已实现的removeFriend函数中（当前函数功能正常），相关集合结构、函数代码及导入内容如下：

集合结构说明： #

postLikes集合中的每个文档包含userDocID字段，用于记录点赞用户的ID，我们需要删除该集合中所有userDocID等于目标好友ID的文档。

现有removeFriend函数： #

const removeFriend = async (friendUserID) => {

        const userDocRef = doc(db, 'users', userDocID);

        const friends = collection(db, 'friends');
        const q = query(friends, where("currentUID", "==", user?.uid), where("friendUserID", "==", friendUserID));
        const querySnapshot = await getDocs(q);
        const friendDocID = await querySnapshot?.docs[0]?.id;
        const friendDocRef = doc(db, `friends/${friendDocID}`);

        try {
            await updateDoc(userDocRef, {
                friends: arrayRemove(friendUserID) //removes the user from the friends
            })
            console.log("Friend removed");
        } catch (err) {
            alert(err)
        }
        try {
            await deleteDoc(friendDocRef)
        } catch (err) {
            alert(err)
        }
    }

已导入的Firestore相关方法： #

import { collection, doc, addDoc, getDoc, updateDoc, deleteDoc, Timestamp, query, orderBy, onSnapshot, getDocs, where, arrayUnion, arrayRemove, increment, writeBatch } from "firebase/firestore";

要实现这个批量删除功能，你可以利用Firestore的writeBatch来高效处理批量操作，把逻辑无缝集成到现有的removeFriend函数中，具体修改如下：

修改后的完整removeFriend函数： #

const removeFriend = async (friendUserID) => {
    const userDocRef = doc(db, 'users', userDocID);

    const friends = collection(db, 'friends');
    const q = query(friends, where("currentUID", "==", user?.uid), where("friendUserID", "==", friendUserID));
    const querySnapshot = await getDocs(q);
    const friendDocID = querySnapshot?.docs[0]?.id;
    const friendDocRef = doc(db, `friends/${friendDocID}`);

    // 移除用户文档中的好友记录
    try {
        await updateDoc(userDocRef, {
            friends: arrayRemove(friendUserID)
        })
        console.log("Friend removed from user document");
    } catch (err) {
        alert(err)
    }

    // 删除friends集合中的关联文档
    try {
        await deleteDoc(friendDocRef)
        console.log("Friend document deleted");
    } catch (err) {
        alert(err)
    }

    // 新增：批量删除该好友在postLikes中的所有点赞记录
    try {
        // 1. 查询postLikes中userDocID匹配的所有文档
        const postLikesCol = collection(db, 'postLikes');
        const likesQuery = query(postLikesCol, where("userDocID", "==", friendUserID));
        const likesSnapshot = await getDocs(likesQuery);

        // 2. 初始化批量操作对象
        const batch = writeBatch(db);

        // 3. 遍历结果，将删除操作加入批量
        likesSnapshot.forEach(doc => {
            batch.delete(doc.ref);
        });

        // 4. 提交批量操作
        await batch.commit();
        console.log(`Successfully deleted ${likesSnapshot.size} like records`);
    } catch (err) {
        alert(`Failed to delete likes: ${err.message}`);
    }
}

核心要点说明： #

• 批量操作效率：writeBatch可以将最多500个操作合并为一次请求，比逐个调用deleteDoc更高效，减少网络开销。
• 逻辑隔离：把批量删除逻辑放在独立的try/catch块中，确保即使点赞删除失败，也不会影响移除好友的核心流程。
• 边界处理：如果没有找到匹配的点赞文档，batch.commit()不会执行任何操作，也不会报错，无需额外判断空结果。
• 扩展提示：如果单个用户的点赞数超过500条，需要分页查询并分批次提交批量操作，避免触发Firestore的批量操作限制。

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