localStorge ternary expression not working (React)

Question

I'm trying to do this.

const isUserConnected = localStorage.getItem('token')

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

The ternary isn't acting in accordance to the localStorage content.

What is wrong?

Answer 1

isUserConnected is probably undefined .

In which case your code should look more like

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

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