Can we use a ternary operator under return in react hooks ??

Question

Hii all !,

Const [ status, setStatus ] = useState(true)

//Under return

status === true ? <div> Login <div/> : <div> Logout <div/>

Output -- login

Can anyone suggest a better way of doing this ?
Thank you!

Answer 1

Try this component App

function App () {
const [ status, setStatus ] = useState(true)

// under return
return (
<div>
{ status ? <div> Login </div> : <div> Logout </div> }
</div>
)
}

Answer 2

Thank you Calviղ