三元运算符：“解析错误：预期的属性分配”

Question

This is my code basically:

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

Why do I get this error?:

Answer 1

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

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

Answer 2

  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