Тернарное выражение localStorge не работает (React)

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