localStorge 三元表達式不起作用（反應）

Question

我正在嘗試這樣做。

const isUserConnected = localStorage.getItem('token')

{isUserConnected.length ? null : 
      <div className='registerLogin'>
     Register...
      </div>
}

三元不按照 localStorage 內容行事。

怎么了？

Answer 1

isUserConnected可能是undefined 。

在這種情況下，您的代碼應該看起來更像

const token = localStorage.getItem('token')
const isUserConnected = token && token.length

{isUserConnected &&
  <div className='registerLogin'>
    Register...
  </div>
}