[在ReactJS中使用Firebase排序数据
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[在ReactJS中使用Firebase排序数据相关的知识,希望对你有一定的参考价值。
我正在使用ReactJS和Firebase创建一个网站,现在,我被困在对数据进行排序,我已经尝试过并对此进行了研究,但是我被困了,这是我的最后一个(尝试)代码
componentDidMount = async () => {
this.unsubscribe = this.ref.orderByChild('judul').nameonSnapshot(this.onCollectionUpdate);
};
和此
onCollectionUpdate = (querySnapshot) => {
const jadwal = [];
querySnapshot.forEach((doc) => {
const { url, judul, keterangan, nowa, selectedDate } = doc.data();
jadwal.push({
key: doc.id,
doc,
url,
judul,
keterangan,
nowa,
selectedDate,
});
});
this.setState(
{
jadwal,
},
() => {
console.log(this.state.jadwal);
}
);
};
这就是我得到的
[我认为这是我尝试使其功能最接近的代码,但事实并非如此,你们可以帮我吗?如果您能帮助我,我非常感谢:)
答案
[您知道什么,现在我知道如何使用此代码对firebase.database进行排序:
this.ref2 = firebase
.firestore()
.collection("jadwal")
.where("selectedDate", ">", moment().format("YYYY-MM-DD"))
.orderBy("selectedDate")
.limit(3);
它将按“ selectedDate”排序,并按3限制数据
以上是关于[在ReactJS中使用Firebase排序数据的主要内容,如果未能解决你的问题,请参考以下文章
Reactjs:直接 Firebase 连接与 Firebase Redux 商店
如何使用 apollo Reactjs 客户端刷新 Firebase IdToken
无法显示从Firebase提取的数据到reactjs Webapp中
Web 前台推送通知未弹出在 Reactjs 中使用 Firebase 集成