tsconfig中如何配置jsx属性？

本文共计223个文字，预计阅读时间需要1分钟。

JSX 属性配置包括 TypeScript，共有三种模式：JSX 模式、preserve 模式和 react 模式，以及 react-native 模式。输入输出文件扩展名包括 preserve，div 等。

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​​）