用React /流星應用程序顯示用戶數據

Question

我一直在嘗試各種方法來顯示來自React模板中流星提取的數據。我不完全明白爲什麼這很難做到。

當我在模板中使用getMeteorData它不使用{} this.data.user._id使用時，當componentDidMount顯示數據

getMeteorData() { 
    return { 
     user: Meteor.user() 
    }; 
    }, 

這是同樣的故事。

我按照流星網站上的反應&流星教程，他們使用道具。然而，這對於簡單地提取和提取數據感到很多工作。

這是企圖

export var MenuLoggedIn = React.createClass({ 
    displayName: 'MenuLoggedIn', 
    mixins: [ 
    Router.State, Router.Navigation 
    ], 
    getMeteorData() { 
    return { 
     user: Meteor.user() 
    }; 
    }, 
    getInitialState(){ 
    return { 
     avatarImagePreview: null, 
     avatarImage: null 
    }; 
    }, 

    render: function() { 
    return (
     <div className="container"> 
     <div className="menu-structure col-md-12"> 

      {this.data.user._id} 

      <div className="left-menu pull-left"> 
      <img className="logo" src="/img/logo.png"/> 
      <h1 className="eventburger-title">eventburger</h1> 
      </div> 
      <div className="right-menu"> 
      <div className="search-bar"> 
       <i className="fa fa-search"></i> 
       <input type="text" name="Search" placeholder="Harpist, Photographer, Caterer..."/> 
      </div> 

      {this.data 
       ? <img src="/img/avatar.png"/> 
       : <img src="/img/placeholder-person.jpg"/>} 

      <span>{this.data} 
       Feeney</span> 

      <a href="/app/inbox"> 
       <i className="fa fa-envelope"></i> 
      </a> 
      <a className="head-spacing" href="#" onClick={this.logout}>LOG OUT</a> 
      </div> 
     </div> 
     </div> 
    ); 
    }, 
    logout: function(e) { 
    e.preventDefault(); 
    Meteor.logout(); 
    window.location.href = "/login"; //Need to be moved to History 
    } 
}); 

Answer 1

您需要使用ReactMeteorData混入，使getMeteorData()工作的一個例子。

mixins: [ 
    Router.State, Router.Navigation, ReactMeteorData 
], 

https://atmospherejs.com/meteor/react-meteor-data