jsx不能写switch const？

Question

为什么jsx中不能写switch语句
const 申明 这些

Answer 1

JSX 中的变量只支持表达式 <tag>{ expression }</tag>，如果你需要写一些复杂的逻辑，额可以考虑把表达式写成立即执行函数：

已参与了 SegmengtFault 思否 「问答」打卡，欢迎正在阅读的你也加入。

Answer 2

不支持 JSX就是个语法糖

Answer 3

像这样的jsx最终会被转换成

<div a={1} b={true}>{3 + 3}</div>

React.createElement("div", {
  a: 1,
  b: true
}, 3 + 3);

这两种写法是等价的，只不过你肯定不能在对象的属性，或者函数的参数，赋值一个switch语句
可以自己去这试试看https://babeljs.io/repl/