Ternary Operator: "Parsing error: Property assignment expected"

Question

This is my code basically:

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

Why do I get this error?:

Codigo Morsa · Accepted Answer · 2020-07-09 23:10:01Z

1

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

return(
  <>{(jwtToken === "") ? (<div>Yes</div>) : (<div>No</div>)}</>
)

answered Jul 9, 2020 at 23:10

Codigo Morsa

8407 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ComixRu · Accepted Answer · 2020-07-10 00:05:16Z

0

  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

answered Jul 10, 2020 at 0:00

ComixRu

738 bronze badges