Anzeige von Meteor.user(). Username mit Tracker React

Question

Ich habe versucht, den Benutzernamen eines eingeloggten Benutzers mit Tracker React anzuzeigen. Ich habe das Auto-Publish-Paket entfernt.

/Client/components/dashboard/sidebar.jsx

import React, {Component} from 'react' 
import TrackerReact from 'meteor/ultimatejs:tracker-react'; 

export default class Sidebar extends TrackerReact(Component) { 

constructor() { 
    super(); 
    this.state = { 
     subscription: { 
      users: Meteor.subscribe('users') 
     } 
    }; 

} 
render() { 
    return( 
    <div> 
      <h1>{Meteor.user().username}</h1> 
    </div> 
); 
} 

/Server/Publikationen/userPublications

Meteor.publish("users", function() { 
    return Meteor.users.find(); 
}); 

Ich bin ein Null-Objekt während console.log(Meteor.user()) bekommen. Allerdings kann ich den aktuellen Benutzernamen mit den Meteor DevTools für Chrome sehen.

Welchen Block von Puzzle vermisse ich?

Answer 1

Ich bezweifle, dass Sie Meteor.user() verwenden können. Benutzername

Versuchen Sie stattdessen

<h1>{{currentUser}}</h1> 

Answer 2

Sie createContainer, um es verwalten können.

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

export class Sidebar extends Component { 
    static propTypes = { 
    loggedIn: PropTypes.bool.isRequired, 
    loggingIn: PropTypes.bool.isRequired, 
    currentUser: PropTypes.shape({ 
     username: PropTypes.string 
    }) 
    } 
    render() { 
    const { loggingIn, loggedIn } = this.props; 
    return (
     <div> 
     {(() => { 
      if (loggingIn) { 
      return <Loading /> 
      } else if (loggedIn) { 
      // whatever you want here. 
      } else { 
      <h1>Please Log In</h1> 
      } 
     })()} 
     </div> 
    ) 
    } 
} 

export default createContainer(() => ({ 
    user: Meteor.user(), 
    loggedIn: !Meteor.userId(), 
    loggingIn: Meteor.loggingIn() 
}), Sidebar); 

Einige Details hier:.

• Meteor.loggingIn() eine reaktive Variable, die ausgeführt wird, während der Benutzer sich anmeldet, wenn dies geschieht, wird es kein Benutzerobjekt sein.
• Sie sollten einen reaktiven Container erstellen