javascript - 如何用 react 控制 meteor 数据流？

Question

我正在使用 React 和 Meteor，我无法一次从服务器获取数据。组件正在获取流中的数据，组件的渲染函数被多次调用。

这是我使用的代码，用于在带有混合的 React 组件内从客户端上的服务器获取帖子。

getMeteorData() {
        return {
            posts: Posts.find({}, {sort: {createdAt: -1}}).fetch()
        }
    },

到目前为止，这是从服务器获取所有帖子(那里只有大约 20 个)

如何一次从服务器获取数据，这样它就不会流式传输并多次调用渲染函数？

Answer 1

如果数据加载完成，则添加额外的检查，例如:

  mixins: [ ReactMeteorData ],
  getMeteorData() {
    var subscription = Meteor.subscribe( 'posts' );

    return {
      isLoading: !subscription.ready(),
      posts: Posts.find({}, {sort: {createdAt: -1}}).fetch()
    };
  },
  render() {
    if ( this.data.isLoading ) {
      return <div>Loading...</div>;
    } else {
      return (
        // now we have data and render once
      );
    }
  }