Javascript JSX大括号内的if和else if语句

我试图在JSX花括号中放入

if-else

语句，如：

<div>
  {
    if (condition) {
      <h1>FOO</h1>
    } else {
      <h2>BAR</h1>
    }
  }
</div>

{
如果（条件）{
福
}否则{
酒吧
}
}

看

---

但我明白了。

在JSX中不能使用if关键字。所以要解决你的问题

{
  post.weather[0].main === "Haze" && <WiDayHaze size={100} color="black">
  post.weather[0].main === "Sunny" && <WiSunrise size={100} color="black">
}

{
post.weather[0]。main==“Haze”和
post.weather[0].main==“阳光明媚”和
}

欢迎使用堆栈溢出！请访问，看看有什么和。做一些研究，搜索相关话题等；如果你被卡住了，张贴一份你的尝试，记下输入和预期输出。张贴代码，而不是代码图片这是否回答了你的问题？我想把26条语句放在这里，那么谁能把26条语句放在这里呢？我刚刚更新了答案