React条件返回中应包含属性分类

Question

我应该如何最好地构建一个取决于loggedIn状态的条件块。我在这里得到一个错误分析错误，意外的令牌。我做错了什么？有更好的方法吗？

return (
{
(loggedIn || localStorage["token"]) ?
<Redirect to={} />
: 
<div className="section">
You are not logged In
</div>
}
)

Answer 1

首先，删除{}

然后，根据javascript运算符的优先级，逻辑OR(||(的优先级高于条件运算符(… ? … : …(

5   Logical OR  left-to-right   … || …
4   Conditional right-to-left   … ? … : …

所以你不需要()和

---

return (
loggedIn || localStorage["token"]
? <Redirect to={} />
: <div className="section">
You are not logged In
</div>
)