如何将 TSX 转换为 JSX答案

【问题标题】：How do I convert TSX to JSX如何将 TSX 转换为 JSX
【发布时间】：2021-01-25 02:11:34
【问题描述】：

我有一个项目，我在 Expo 中使用 TypeScript 编写了一些新代码（因为我更习惯于使用类型安全的语言）。但是，我想将我写的东西移植到用 JavaScript 编写的 Expo。

我可以在解决问题的过程中手动剥离类型，但我想知道是否有更自动的方法来解决问题。我知道 typescript 最终会编译为 JavaScript，但我希望在进行转换时保持 HTML 嵌入代码相同。有可能吗？

【问题讨论】：

运行tsc?
如果只运行tsc 不起作用，请阅读此code.visualstudio.com/docs/typescript/typescript-compiling 实际上您可以将其编译成Javascript。
如果tsc的输出太多，只需通过tsx文件并删除TS特定语法，然后重命名为.jsx。

【解决方案1】：

@Jason 提供的答案接近我所需要的。

最后我运行了这个命令

npx tsc --jsx preserve -t es2020 --outDir js --noEmit false

这会在js 文件夹中生成.js 和.jsx 文件，这些文件可以复制到非打字稿系统。

Expo 生成的 tsconfig.js 需要--noEmit false，即noEmit: true

-t es2020 使用 ES2020 标准生成输出，因此您可以获得 import 和 export 以及 async await 完好无损。

【讨论】：

【解决方案2】：

在 tsconfig.json 文件中将 "jsx": "react" 更改为 "jsx": "preserve" 然后运行 tsc。

【讨论】：