Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 根据分页从firebase调用数据_Reactjs_Firebase_Firebase Realtime Database_React Redux - Fatal编程技术网

Reactjs 根据分页从firebase调用数据

Reactjs 根据分页从firebase调用数据,reactjs,firebase,firebase-realtime-database,react-redux,Reactjs,Firebase,Firebase Realtime Database,React Redux,我有一个firebase实时数据库,其中的雇员字段有2000多个条目,其中包含所有雇员的详细信息。在我的react应用程序中,在获取员工列表时,我必须首先获取整个员工字段数据,以显示导致大量加载时间的条目 有没有办法让我能够在第一页只查询10个员工条目,然后在单击下一页时再次获取下10个条目,因为这样做可以减少加载屏幕的时间…是的,firebase似乎提供了过滤列表的功能 可以使用limitToFirst()和startAt()实现分页并获取有限的数据 有关更多信息,您可以根据文档使用文档,我已

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


有没有办法让我能够在第一页只查询10个员工条目,然后在单击下一页时再次获取下10个条目,因为这样做可以减少加载屏幕的时间…

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

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


有关更多信息,您可以根据文档使用文档

,我已经阅读了如果我将使用limitToFirst(10),它将只显示10个条目。现在,我需要的是,当我在分页时单击2页时,我需要从11到20的数据。。你能简单地给我解释一下登录吗。这将是一件非常愉快的事情。您可以使用orderByKey()方法首先根据键对数据进行排序,然后提取前10个结果,保存最后一个结果键,然后从保存的键orderByKey()开始再次提取接下来的10条记录。limitToFirst(10)。startAtKey(lastKeySaved),然后重复最后两个步骤,直到获得所有记录。