Question

尝试访问根页面时，我得到一个没有布局的空白屏幕。我检查开发人员工具并在App.jsx

中出错

Uncaught TypeError: Cannot read property 'loggedIn' of undefined

这是我的App组件：

App = React.createClass({
  mixin: [ReactMeteorData],
  getMeteorData() {
    return {
      loggedIn: !!Meteor.user()
    };

  },
  showLayout() {
     return (
      <div className="container-fluid main-container">
        <div className="col-xs-3">
          {this.props.nav}
        </div>
        <div className="col-xs-9">
          {this.props.content}
        </div>
      </div>
    )
   },
   showLogin() {
     return (
      <div className="row">
        <div className="col-xs-12 text-center">
          <p>You must be logged in to do that.</p>
        </div>
        <Login />
      </div>
    )
   },
  render() {
    return(
      <div className="container-fluid main-container">
        <div className="row">
          { this.data.loggedIn ? this.showLayout() : this.showLogin() }
        </div>
      </div>
    )

  }
});

我不确定问题是什么，我跟随教程。

Answer 1

你应该有这个：

mixins: [ReactMeteorData],

而不是：

mixin: [ReactMeteorData],

（注意's'）

无法从React中的Meteor访问数据

1 个答案: