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

【问题标题】：Ternary Operator: "Parsing error: Property assignment expected"三元运算符：“解析错误：预期属性分配”
【发布时间】：2020-10-30 15:31:48
【问题描述】：

这基本上是我的代码：

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

为什么会出现这个错误？：

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

你也可以使用 React.Fragment

【讨论】：