如何通过反应控制流星数据流？答案

【问题标题】：How to control meteor data stream with react?如何通过反应控制流星数据流？
【发布时间】：2016-03-22 04:42:44
【问题描述】：

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

这是我用来从带有 mixin 的 react 组件内的客户端上的服务器获取帖子的代码。

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

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

如何一次从服务器获取数据，使其不会多次流式传输和调用渲染函数？

【问题讨论】：

标签： javascript meteor reactjs meteor-react

【解决方案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
      );
    }
  }

【讨论】：