告诉React Native使用App.tsx代替App.js

Question

我已经用TypeScript搭建了一个项目，但是我的主index.js文件引用了App.js而不是App.tsx。

如何设置项目，以便使用TypeScript文件（App.tsx）代替App.js？

这是我的项目结构：

{{0}}

这是通过react-native init X --template typescript搭建的

Answer 1

您可以添加相关的文件夹结构吗？

我建议您使用所有.ts（x）文件（包括App.tsx甚至是index.ts）创建一个单独的源文件夹。将所有这些文件编译到构建文件夹中，这意味着index.js也将位于其中该文件夹，不再位于您的项目根目录中。

然后，您只需调整android和ios文件夹中的build.gradle和AppDelegate.m即可引用build / index.js而不是index.js。并且不要忘记更新所有引用index.js的package.json脚本（例如构建脚本）。

我认为将所有JS与TS严格分开更有意义。