在TypeScript中，支持以下三种JSX模式，这些模式主要影响编译阶段的代码生成，而不影响类型检查：
-
preserve模式：
- 在preserve模式下，TypeScript会保留JSX语法，不会对其进行任何转换。
- 这意味着输出的代码仍然包含JSX标记，需要后续的转换步骤（如使用Babel）来将其转换为适合在浏览器中运行的JavaScript代码。
- 通常，输出文件的扩展名会保持为.jsx。
-
react模式：
- react模式是专为使用React框架而设计的。
- 在这种模式下，TypeScript会将JSX语法转换为React.createElement(...)调用，这是React用来创建元素的标准方式。
- 这意味着在编译后的代码中，JSX标记会被转换为相应的JavaScript函数调用，无需再进行额外的转换步骤即可在浏览器中运行。
- 输出文件的扩展名通常为.js。
-
react-native模式：
- react-native模式与preserve模式类似，都会保留JSX语法不进行转换。
- 不同的是，react-native模式主要用于React Native开发环境。
- 在React Native中，JSX标记同样需要后续的转换步骤来适应原生平台的渲染机制。
- 输出文件的扩展名也通常为.js。
总的来说，这些JSX模式为TypeScript提供了灵活的编译选项，以适应不同的前端开发场景和需求。开发者可以根据项目的具体情况选择合适的模式进行配置。
