React Native初始化后生成App.tsx而非App.js的相关疑问

现在用npx react-native init MyProject初始化项目默认会生成TypeScript版本，所以主文件是App.tsx，而很多旧教程用的是App.js，你完全可以跟着这些教程的目录结构、语法来做，只需要注意少量适配：

• 目录结构完全通用
  不管是TS还是JS项目，React Native的核心目录（比如android/、ios/、自定义的src/、assets/等）组织逻辑都是一样的，教程里的目录规划直接套用就行。

• 语法适配成本极低
  教程里的JavaScript代码可以直接复制到App.tsx里运行，大部分JS语法在TypeScript中都是兼容的。如果遇到TS类型报错，新手可以先这么处理：

  • 在文件顶部加// @ts-nocheck临时关闭类型检查
  • 或者给不确定类型的变量加any类型（比如const data: any = ...）
    举个例子，教程里的App.js代码：

  import React from 'react';
  import { View, Text } from 'react-native';
  
  const App = () => {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Text>Hello React Native</Text>
      </View>
    );
  };
  
  export default App;
  

  直接粘到App.tsx里就能正常运行，不需要改任何东西。

• 核心作用完全一致
  App.tsx和App.js都是项目的入口文件，教程里说修改App.js的地方，你对应修改App.tsx就好，功能上没有区别。

• 关于TS和JS的差异
  .tsx只是多了TypeScript的类型系统，而教程里不会涉及类型相关内容，所以你完全可以把App.tsx当成App.js来写，等熟悉React Native基础后，再慢慢了解TS的类型语法，能帮你提前规避很多代码错误。

内容的提问来源于stack exchange，提问作者Hirdzan Frost