JSX/TSX的好处

1.之前没怎么用过JSX/TSX，基本上还是用html/css/js分离的方式，但是最近的一个@click="func(3)"的实现，发现了JSX的好处之一；

如上，在html的某个元素里用了 @click="func(3)" 属性，但是这个3我是写了常量的，但是这里没法把这个常量放进来，如：@click="func(AbConsts.THREE)"，这个应该是JSX的比较好的好处之一；

 

2.第二个好处就是命名规范，html的一些事件、属性命名真垃圾，既不是驼峰也不是下划线，看着很恶心，而JSX就用小驼峰进行了代替，一些不合理的名字也改了下：

因为JSX的特性更接近JavaScript而不是HTML，所以React DOM使用camelCase（小驼峰）命名来定义属性的名称，而不是使用HTML的属性名称。例如：class变成了className，而tableindex则对应着tableIndex；