如果React中的条件如何渲染组件[重复]

Question

我尝试添加嵌套在 JSX 中的 if 语句。 condition ? true example : false example 完美运行，但是当我更改为 if(condition) { ... } 时，它会在控制台中显示以下错误：

---

单行条件示例（工作）： https://codepen.io/webloopbox/pen/MWmqJOV

如果示例（有错误）：https://codepen.io/webloopbox/pen/JjNevxj

---

是否可以像第二个链接一样在 JSX 中使用 if 语句？在一个条件下显示多个组件的最佳方法是什么？

Answer 1

{(condition) ? <div>true render</div> : <div>false render</div>}