Ternary Operator: "Parsing error: Property assignment expected"

Question

这基本上是我的代码：

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

为什么会出现此错误？：

Answer 1

我记得它对我来说是这样的（添加了一些括号和空的 html 标签）：

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

Answer 2

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

在这种情况下，您不需要使用{}

您也可以使用React.Fragment

conditional-operator