如何处理Firebase查询中filterQuery未定义或为空的情况

你需要动态构建Firebase查询，根据filterQuery.searchInput的状态决定是否添加过滤条件：

• 当searchInput是undefined或空字符串时，只保留limit(10)，返回前10条文档
• 当searchInput有实际值时，再追加where过滤条件

修改后的代码如下：

async fetch(_ctx, filterQuery) {
    // 初始化基础查询，只设置条数限制
    let dbQuery = query(cardsCollectionRef, limit(10));
    
    // 仅当searchInput有有效值时，添加过滤条件
    const searchValue = filterQuery.searchInput;
    if (searchValue !== undefined && searchValue.trim() !== '') {
        dbQuery = query(dbQuery, where("value", "==", searchValue.trim()));
    }
    
    const snapshot = await getDocs(dbQuery);
    const data = snapshot.docs.map(doc => ({ id: doc.id, ...doc.data() }));
    return data;
},

关键说明： #

• 先创建基础查询，避免无过滤条件时强制添加where导致匹配undefined的文档（这就是你初始无结果的原因）
• 用trim()处理输入值，避免用户输入空格导致的无效查询
• 通过query()方法叠加条件，Firebase支持动态扩展查询参数

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