如何将 TSX 转换为 JSX

IT技术 javascript reactjs typescript
2021-05-02 02:41:40

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

我可以在解决问题的过程中手动删除类型,但我想知道是否有更自动的方法来做到这一点。我知道 typescript 最终会编译为 JavaScript,但我希望在进行转换时保持 HTML 嵌入代码相同。是否可以?

2个回答

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

最后我运行了这个命令

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

这会生成文件夹中.js.jsx文件js,可以将其复制到非typescript系统。

--noEmit false 世博会生成的 tsconfig.js 需要 noEmit: true

-t es2020使用ES2020的标准,让你可以生成输出,importexport与沿async await完好无损。

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

https://www.typescriptlang.org/docs/handbook/jsx.html