javascript - 如何使用动态输入从 Firestore 查询数据

Question

这个问题已经有答案了:

Conditional where clause in firestore queries (2 个回答)

已关闭 4 年前。

我的代码有问题，但我不知道如何以正确的方式解决它。

我正在尝试编写一个过滤器，当用户单击每个过滤器时，它将自动从 firestore 查询数据。

在我的 Redux Saga 中有这个:

const {type, currency, location} = action.payload;

一切工作正常，但问题是当我尝试使用动态输入查询数据时:例如:

firebase
        .firestore()
        .collection("ItemData")
        .where("type", "==", type)
        .where('currency', '==', currency)
        .where('location', '==', location)

当用户单击选项 type 时它没有显示任何内容作为输入 currency和location没有数据，只有空字符串，因此查询不会返回任何响应。除非您单击所有过滤器，否则它将显示正确的响应。

那么我该如何解决这个问题呢？

Answer 1

您应该仅在需要时添加到查询子句(即类型、货币或位置为真/非空):

let query = firebase
    .firestore()
    .collection("ItemData");

if (type) {
    query = query.where('type', '==', type);
}

if (currency) {
    query = query.where('currency', '==', currency);
}

if (location) {
    query = query.where('location', '==', location);
}

特别感谢this post与您有类似的问题。