Ожидается передача имущества в условный возврат React

Question

как мне лучше структурировать условный блок, который зависит от статуса loggedIn. Я получаю ошибку здесь Ошибка разбора, неожиданный токен. Что я делаю не так и есть ли лучший способ сделать это?

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

    }
)

Answer 1

Сначала удалите {}

Затем, в соответствии с приоритетом оператора javascript , логическое ИЛИ (||) имеет более высокий приоритет, чем оператор условия (… ? … : …) )

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>
)