我做了很多研究,并阅读了关于 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 数据库实现了相当有限的查询支持。要扩展它,您通常必须:
无法在实时数据库的查询中实现您的条件,因为:
有时,您可以将多个 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] 删除。
我来说两句