JSX 大括号内到底可以放什么？

Question

我不久前刚刚说过学习React。我首先很困惑为什么我们不能将

if

语句放在 JSX 大括号内。我在 jsx: ReactJS 中遇到了这个问题 if-else 语句，并意识到大括号内只允许使用表达式，这解释了为什么三元运算符有效，因为它是一个表达式，总是解析为一个值。

但是当我尝试在大括号内执行

console.log

 时，它起作用了。现在这让我很困惑，因为我认为 

console.log

 是一个声明

。

在

新的 React 文档中，他们没有明确指定花括号中的内容；但在较旧的 React 文档中，他们确实在花括号内使用了大纲表达式。

如果大括号告诉React里面是JavaScript代码

大括号在JSX（React）中意味着什么？大括号中到底可以接受什么？

Answer 1

您可以渲染：

变量值
数学运算
调用函数
使用过滤器、映射等方法循环遍历数组和对象来渲染元素。
有条件地渲染元素。