根据分页从firebase调用数据

【问题标题】：Calling data from firebase as per pagination根据分页从firebase调用数据
【发布时间】：2019-08-13 01:49:53
【问题描述】：

我有一个 firebase 实时数据库，其中一个员工字段有 2000 多个条目，其中包含所有员工的详细信息。在我的 react-app 中获取员工列表时，我必须首先获取整个员工字段数据以显示导致大量加载时间的条目。

有什么方法可以让我在第一页仅查询 10 个员工条目，并在单击下一页时再次获取接下来的 10 个条目，因为这样做同时减少了加载屏幕的时间...

【问题讨论】：

    标签： reactjs firebase firebase-realtime-database react-redux


    【解决方案1】：

    是的，firebase 似乎提供了过滤列表的功能。

    您可以使用limitToFirst()和startAt()来实现分页并获取有限的数据。

    有关更多信息，您可以使用文档https://firebase.google.com/docs/database/web/lists-of-data#filtering_data

    【讨论】：

    • 根据文档，我已阅读如果我将使用 limitToFirst(10) 它只会显示 10 个条目。现在，我需要的是，当我在分页上单击 2page 时，我将需要从 11 到 20 的数据。你能简单地向我解释一下登录。这将是一个很大的乐趣。
    • 可以使用orderByKey()方法先按key对数据进行排序，然后拉取第1个10个结果，保存最后一个结果key，然后再次拉取下10个以保存的key开头的记录orderByKey ().limitToFirst(10).startAtKey(lastKeySaved)，然后重复最后两步，直到得到所有记录。
    猜你喜欢
    • 1970-01-01
    • 2018-11-13
    • 1970-01-01
    • 1970-01-01
    • 2019-01-29
    • 2020-07-07
    • 2018-04-21
    • 1970-01-01
    相关资源
    最近更新 更多
    热门标签
    Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode