Meteor React:在初始页面加载时未定义用户对象

时间:2018-04-24 21:15:24

标签: javascript reactjs meteor

在个人资料页面上,我想禁止未登录的用户访问该页面。但是,初始页面加载时未定义Meteor.user()对象。应该如何等待Meteor.user()对象定义。什么时候确定用户没有登录并且加载了Meteor.user()?

这是我的Profile渲染方法的一部分,伴随着WithTracker方法。如您所见,当Meteor.user()不可用时,会呈现一个Redirect对象。

render() {
  const {user} = this.props

  console.log(user) //First undefined, later defined. But already renders redirect, so it's not useful

  return (
    <Container fluid className='p-3 mb-5'>
      {/* Not logged in */}
      {!user && <Redirect
        to={{
        pathname: '/SignUp',
        state: {
          location: '/Profile'
        }
      }}/>}
      {/* Logged in */}
      ...
    </Container>
  )
}


export default withTracker(() => {
  return {
    user: Meteor.user()
  }
})(Profile)

1 个答案:

答案 0 :(得分:1)

 return (
   { undefined === user ? <Container fluid className='p-3 mb-5'>
      {/* Not logged in */}
      {!user && <Redirect
        to={{
        pathname: '/SignUp',
        state: {
          location: '/Profile'
        }
      }}/>}
      {/* Logged in */}
      ...
    </Container> : 'loading'}
  )

您可以尝试使用?:在用户undefined时在容器内运行最新内容,并在defined时显示加载指示符。