在个人资料页面上,我想禁止未登录的用户访问该页面。但是,初始页面加载时未定义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)
答案 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
时显示加载指示符。