Ternary Operator: "Parsing error: Property assignment expected"

user_11102050 0
Viewed 517

This is my code basically:

const [jwtToken, setJwtToken] = useState("")
return(
    {(jwtToken === "") ? <div>Yes</div> : <div>No</div>}
)

Why do I get this error?:

enter image description here

typescript reactjs conditional-operator
2 Answers

I remember it worked like this for me (added some parentheses and empty html tag):

return(
  <>{(jwtToken === "") ? (<div>Yes</div>) : (<div>No</div>)}</>
)
user_63980140 
  const [jwtToken, setJwtToken] = useState("")
  return (
    (jwtToken === "") ? <div>Yes</div> : <div>No</div>
  )

In this case you don't need to use {}

You can also use React.Fragment

user_125357120
Related