tsconfig之jsx属性

jsx 属性配置

​​TypeScript​​​ 具有三种 ​​JSX​​​ 模式：​​preserve​​​，​​react​​​ 和 ​​react-native​​

模式

输入

输出

输出文件扩展名

​​preserve​​

​​<div/>​​

​​<div/>​​

​​.jsx​​

​​react​​

​​<div/>​​

​​React.createElement("div")​​

​​.js​​

​​react-native​​

​​<div/>​​

​​<div/>​​

​​.js​​

上述这些模式只在代码生成阶段起作用 - 类型检查并不受影响。在 ​​preserve​​​ 模式下生成代码中会保留 ​​JSX​​​ 以供后续的转换操作使用（比如：​​Babel​​）