ReactJS流星分页

时间:2015-11-18 05:14:18

标签: meteor reactjs

我正在使用ReactJS为UI在Meteor中创建应用程序。我遇到了一个问题。我试图从流星集合中读取并使用一些数据填充网格,这是我设法实现的,但我似乎无法弄清楚如何进行无限滚动/分页。

我偶然发现了paginate-subscriptions流星包,但我似乎无法让它正常工作。

这是我的代码:

Container = React.createClass({
  mixins: [ReactMeteorData],

  getMeteorData() {
    var handle = Meteor.subscribeWithPagination('my-coll', 10);
    return {
      items: MyCollection.find({}).fetch()
    },

  render() {
    return (
        <div>
          {this.data.items.map(item => {
             <p>{item}</p>
          }}
        </div>
    )
  }
})

它不会渲染10个项目,而是渲染集合中的所有项目,这不是我想要的。

帮助表示赞赏。

2 个答案:

答案 0 :(得分:1)

  

检查 Kurounin 订阅分页包。它工作正常,没有问题。还使用了数据表。请检查此link

答案 1 :(得分:0)

您可以使用Griddle网格组件,并提供搜索排序过滤器等所有功能。 Griddle