咋理解 \＂JSX 表达式总是会当作 ReactElement 执行\＂ ? 意思就是

意思就是，不管JSX怎么写，最后都是转化为React.createElement这样的表达式，产生的是一个对象。
比如JSX这么写
\u0026lt;div\u0026gt;Hello world \u0026lt;span\u0026gt;React User\u0026lt;/span\u0026gt;\u0026lt;/div\u0026gt;最后实际产生的JavaScript是这样。
React.createElement( "div", null, "Hello world ", React.createElement( "span", null, "React User" ));你看，是嵌套的React.createElement调用，所以啊，在JSX中不能写for或者while这样的语句，因为for/while没法插入到单纯的表达式中，只能用map产生数组。

■网友
翻译有点晕，不如看原文Note:
The JSX expression always evaluates to a ReactElement. The actual implementation details may vary. An optimized mode could inline the ReactElement as an object literal to bypass the validation code in React.createElement.
【咋理解 \"JSX 表达式总是会当作 ReactElement 执行\" ?】 这里描述的就很简单一个事实，jsx 会被转换成 React.createElement() 调用，而这个函数调用返回的是 js plain object，那么可以用 object literal 来代替函数调用来达到性能优化的目的。
具体见我的另一个答案。
https://www.zhihu.com/question/41900814/answer/92775518

■网友
JSX在react中，就是React.createElement这个API的语法糖。开发阶段，js中的JSX本质上是无法被识别执行的，是为了优化在js中编写类似html的模板代码而创造的一种DSL。最终被执行的react代码实际上是经过webpack之类的打包工具经过一系列工具转义后的js，css和html。其中就有负责转义JSX的工具。而在React中，JSX部分的代码就会被转义为一些列的React.createElement...，而这个API最终返回的就是ReactElement。所以，对于React而言，JSX表达式总是会当做ReactElement执行，JSX就是React.createElement的语法糖

咋理解 \＂JSX 表达式总是会当作 ReactElement 执行\＂ ?

推荐阅读

第一财经|芯片概念爆发，龙头股开盘秒板，巨量资金封死涨停！

【】小学生研究癌症获奖其父亲回应：过度参与项目书文本材料的编撰过程

临洮县融媒体中心时光请你善待她！，临洮面孔：妈妈是个大美人

[擒牛老刘]后市料面临承压高风险，甲醇缺少中叶飞涨根底

长期走路对膝盖有影响吗

疫情防控概念股上半年成绩单出炉：业绩有高有低

宋江征剿方腊第一战就阵亡了哪三人?宋江讨方腊最后剩多少人回京

中年|新股前瞻｜成立不足3年拿到超3亿美元融资云顶新耀凭什么？

在北京上哪里买海鲜呢(远一点也行，只要是新鲜并且种类多的地方)

【响应】山东新冠肺炎疫情防控响应级别由Ⅱ级调整为Ⅲ级

2020实木浴室柜品牌推荐

赵丽颖分享近况，直言入秋从腿开始，颖宝已经穿上秋裤了

美国|美要求中国72小时搬出驻休斯顿总领馆，已提前撤走七千留学生

「张艺兴」《极挑6》刚上线，张艺兴又迎来一部新剧，看清搭档：这是什么神仙缘分啊！

河南消防|消防23小时全力救助，郑州：3人被困嵩山峭壁

怎么在学信网上查询学历信息

自己创业做什么赚钱(最适合女人的挣钱方法)

我的从医之路——柴三明

为啥我右边身体特别怕冷?

有关正能量的格言或警句?正能量有深度的名言