如何将 limit 和 startAt 应用于 firestore 文档的子项

Question

我正在尝试在 firestore 中应用分页，我需要从集合集合中的hats doc中的items数组中获取前 5 个项目（总共 200 个项目） ，然后在下一次单击时我需要让他下一个 5 等等上。testPagination = async () => {    const { currentPage, itemsPerPage } = this.state;    const { fetchCollectionsForPagesStart, match : { params } } = this.props;    const collectionId = params.collectionId;    const startAt = currentPage * itemsPerPage - itemsPerPage;    const docs =  await firestore.collection("collections").orderBy('id').startAt(0).limit(itemsPerPage).get();    const data = docs.docs;    const items = docs.forEach( async docItem => {        console.log(await docItem.data());    })}当我点击我的渲染函数中的按钮时，我运行这个函数，render(){    return (        <button onClick={this.testPagination}>Test pagination </button>    );}但我的结果中总是有 200 个项目，那么我如何将 startAt() 和 limit() 应用于 firestore 中的项目数组。这是我的数据库：这个 console.log(await docItem.data()); 给我注意：我正在接收帽子文档 ID，所以如果有办法访问带有 id 的帽子，我也需要一些帮助，我也尝试过const docs = await firestore.doc(`collections/${collectionId}`).get();const data = await docs.data();但这不允许我应用 startAt() 和 limit()

Answer 1

在你的数据库中，hats是一个文件的collections集合。在 Firestore 中，您不能带入文档的一部分（items例如，数组中的 5 个项目）始终带入所有文档，并且它在 Firestore 中被视为一次读取。如果要对items数组进行分页，则必须在其中创建一个hats包含数据的子集合items。有了这个结构，您可以startAtQuery()使用limit()5 个文档执行 a，在这种情况下，它在 Firestore 中计为 5 次读取。

您可以在此处查看有关 Firestore 数据模型的所有信息：https ://firebase.google.com/docs/firestore/data-model