流星のパブリッシュ/ユーザーデータの購読

Question

私はこれでレンガの壁に頭を打っています。私のために働く例を見つけることができないようです。

これは私のサーバー側

Meteor.publish("allUserData", function() { 
    return Meteor.users.find({}, {fields: {'username': 1, 'profile': 1}}); 
}, 
{is_auto: true}); 

であり、これは私が「準備」のログを取得しますが、返されたデータを反復処理する方法を見ることができない

var allUserData = Meteor.subscribe("allUserData"); 
Tracker.autorun(function() { 
    if (allUserData.ready()) { 
     console.log('ready'); 
    } 
}); 

私のクライアントである???

Answer 1

を、あなたは小道具を設定することができますcreateContainer（）を使用してコンポーネントに追加します。例えば

import React, {Component} from 'react'; 
import {createContainer} from 'meteor/react-meteor-data'; 

class FooComponent extends Component { 
    constructor(props) { 
     super(props); 
    } 

    render() { 
     if (this.props.loading) { 
      return (
       <div>Loading</div> 
      ) 
     } 

     return (
{ 
        this.props.users.map(function(user, index) { 
         return (
          <div key={index.toString()}> 
           {user.username} 
          </div> 
         ) 
        }, this) 
       } 
     ) 
    } 
} 

export default createContainer(() => { 
    let handle = Meteor.subscribe('allUserData'); 

    let users = Meteor.users.find({}); 

    let loading = !handle.ready(); 

    return { 
     users, 
     loading 
    } 
}, FooComponent); 

これはテストしていませんが、正しくない場合は少なくとも近いと思います。もし私が何か間違っていたら、私のリアクションスキルはまだかなり新しいです。

Answer 2

データをどのように反復処理したいのかわかりません。 「標準」の方法は、加入コレクションにカーソルを返すヘルパーとブレイズにループしている：

HTML：

{{#each user in users}} 
    {{user.username}} 
{{/each}} 

JS：リアクトため

Template.foo.onCreated(function() { 
    this.subscribe('allUserData'); 
}); 

Template.foo.helpers({ 
    users() { 
     return Meteor.users.find({}); 
    } 
});