Javascript React条件返回中预期的属性分配

Javascript React条件返回中预期的属性分配,javascript,reactjs,jsx,Javascript,Reactjs,Jsx,我应该如何最好地构造一个依赖于loggedIn状态的条件块。我在这里得到一个错误,解析错误,意外标记。我做错了什么?有没有更好的方法 return ( { (loggedIn || localStorage["token"]) ? <Redirect to={} /> : <div className="section"> You are not lo

我应该如何最好地构造一个依赖于loggedIn状态的条件块。我在这里得到一个错误,解析错误,意外标记。我做错了什么?有没有更好的方法

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

    }
)
首先,删除{}

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

所以你也不需要

删除在return语句中包装的括号{。
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>
)