Javascript 渲染方法中的三元运算符

如果用户未登录，我将尝试显示一条消息。 请登录此处继续

在我的渲染方法中，我需要检查用户是否已登录，以不显示任何消息。
我还有一个登录方法，可以将用户引导到登录页面。(

{
这是我授权的
?  
：请登录
}

我有两个问题。一个是上面的if语句不起作用，因为它不是if-else语句。（我找到的唯一解决方案是添加一个空的

）

---

另一个问题是我需要显示一个看起来像超链接文本的按钮，因为我不能调用

this.login

函数在

href

中。现在“login”和“here”之间有一个很大的空间（因为按钮）。我还需要将“here”设为红色，以通知用户它是可点击的。

使用一个简单的布尔表达式：

 {!this.props.isAuthed &&
  <div> Please login<Button color="inherit" onClick={this.login}>here</Button></div>
 }

{！this.props.isAuthed&&
请登录
}

零件可以是

？

零件否？是的，但它与我提到的空div没有什么不同。汉娜，请就你遇到的第二个问题问第二个问题。这两个问题完全无关。

我不能调用a href

中的this.login函数-为什么？为什么不？谢谢！你有解决第二个问题的方法吗？

 {!this.props.isAuthed &&
  <div> Please login<Button color="inherit" onClick={this.login}>here</Button></div>
 }