Firebase 实时数据库,仅当键 && 日期不存在时才发送数据

CodeSmitty

我做了很多研究,并阅读了关于 firebase 的多个 stackoverflow 问题。有些很有帮助。但没有一个特别有助于我的问题。我正在尝试制作菜单规划师。例如,我需要不止一张支票来测试。日期存在,serviceType 是 === 到“午餐” || “晚餐”。

我有一个功能,可以添加图像并将 url 和输入数据保存到反应状态。然后我使用 useEffect 来监听状态更新并将数据发送到 firebase。如果所有检查都通过并且它们不存在,我只想将新数据发送到 firebase。否则我想更新我的数据。我努力了。Foreach, for in, ref('link/'+ localState.id)。许多不同的方法,我似乎无法正确。

这是表单提交功能:

const handleSubmit = (e) => {
    e.preventDefault();

    if (image) {
      const uploadTask = storage.ref(`images/${image.name}`).put(image);

      uploadTask.on(
        "state_changed",
        (snapshot) => {
          const progress = Math.round(
            (snapshot.bytesTransferred / snapshot.totalBytes) * 100
          );

          setProgress(progress);
        },
        (error) => {
          setError(error);
        },
        () => {
          storage
            .ref("images")
            .child(image.name)
            .getDownloadURL()
            .then((url) => {
              const value = state.serviceType;
              const keys = Object.keys(value);
              var filtered = keys.filter(function (key) {
                return value[key];
              });

/////////I have also tried this method, to use one function for all instead of using useEffect//////

              const mealData = db().ref().child("meals");
              const newMealdata = mealData.push();
              //  newMealdata.set({
              //    serviceId: newMealdata.key,
              //    date: props.dates,
              //    serviceType: filtered,
              //    service: {
              //      mealService: state,
              //      image: url,
              //    },
              //  });
///////////////////////////////////////////////

              setNewState((prev) => {
                return {
                  ...newState,
                  date: props.dates,
                  serviceType: filtered,
                  serviceId: newMealdata.key,
                  service: state,
                };
              });

              setProgress(0);
            });
        }
      );
    } else {
      setError("Error Please Choose an Image to Upload");
    }
  };

useEffect 函数

 useEffect(() => {
    console.log("newState mounterd: ", newState);
    db()
      .ref("meals/" + newState.serviceId)
      .set({ newState });
  }, [newState]);

我曾尝试使用 state.id 来检查它是否等于 snapshot.key,尽管他们确实进行了检查。firebase 仍然创建一个具有相同日期的新数据节点,但具有不同的 Id 和我想要更新的数据。

那么最好怎么说:

if(snapshot.val().date === props.dates && snapshot.val().serviceId === snapshot.key && servicetype === "lunch" || 'dinner'){
update({with new inserted data})
}else if(data doesn't match){
ref('meals').set({createNewNode})
}
弗兰克·范·普费伦

Firebase 数据库实现了相当有限的查询支持。要扩展它,您通常必须:

  1. 扩展/修改您的数据模型以允许您想要的查询
  2. 在客户端代码或其他系统(例如专用的全文搜索引擎)中执行部分过滤。

无法在实时数据库的查询中实现您的条件,因为:

  • 每个查询只支持一个条件。
  • 它不支持 OR 条件。

有时,您可以将多个 AND 条件组合到一个查询中,方法是向数据添加综合属性,例如"dates_serviceId": "..._...". 有了这样的属性,您就可以查询ref.orderBy("dates_serviceId").equalTo("myDate_myServiceId").

为了能够查询提供午餐或晚餐服务的节点,您必须扩展数据模型以明确标识此类节点,例如通过向"lunch_or_dinner": true它们添加属性。有了这样的节点,你就可以查询:ref.orderBy("lunch_or_dinner").equalTo(true)

通过结合这两种方法,您甚至可以为整个查询 ( dates_serviceId_lunch-or-dinner)创建单个属性,尽管我必须承认,即使在我看来,这也变得有点过于具体了。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章