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