React之JSX代码，JSX和TypeScript的区别

React 使用 JSX 来替代常规的 JavaScript。

JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。

我们不需要一定使用 JSX，但它有以下优点：

• JSX 执行更快，因为它在编译为 JavaScript 代码后进行了优化。
• 它是类型安全的，在编译过程中就能发现错误。
• 使用 JSX 编写模板更加简单快速。

在TypeScript中使用JSX时，文件名后缀为什么一定要为tsx呢？

参考：https://www.runoob.com/react/react-jsx.html

首先说清楚下这个JSX 其实跟TypeScript是两个不同的东西，各自独立的， 只是他们都属于同类型的工具，就是javascript 语言语法增强的工具， 两个工具 本身是没有任何关系的，只是类似的地方很多。

https://www.zhihu.com/question/40050923?sort=created（使用TypeScript + JSX是什么体验?）

https://www.cnblogs.com/dadouF4/p/10032888.html