[在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);
      }
    );
  };

这就是我得到的

got an error

[我认为这是我尝试使其功能最接近的代码,但事实并非如此,你们可以帮我吗?如果您能帮助我,我非常感谢:)

答案

[您知道什么,现在我知道如何使用此代码对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 集成

如何将聊天中的加载图像替换为使用 ReactJS 上传到 Firebase 存储的图像?

使用 react-redux-firebase 消费云功能 - React JS