为什么我的 React Native 变成了 .tsx 而不是 .js答案

【问题标题】：why my react native become .tsx instead .js为什么我的 React Native 变成了 .tsx 而不是 .js
【发布时间】：2023-01-26 10:22:31
【问题描述】：

所以在使用 npx react-native init MyProject 安装 React Native 之后，项目正在运行并在模拟器中打开，但应用程序文件不是 app.js 而不是 app.tsx，

file strcuture

问题是我是 React Native 的新手，我看到的很多教程都是 havgin App.js 文件，而 app.js 中的代码在 js 和 tsx 之间是不同的，至少这是我所看到的，或者如果我按照教程，如文件夹结构、语法和一切。

【问题讨论】：

标签： javascript typescript react-native

【解决方案1】：

那是因为this

由 React Native CLI 或 Ignite 等流行模板创建的新项目将默认使用 TypeScript。

阅读Using JavaScript Instead of TypeScript

您可以将您的tsx重命名为jsx

【讨论】：

所以只是重命名它不需要做任何事情？我的意思是 tsconfig.json 存在，所以我不太确定是否可以在没有 tyepscript 的情况下安装 react native？

【解决方案2】：

好吧，我今天早些时候在处理当前版本 0.71 时也有同样的担忧。此版本不会创建 App.js 文件。我所做的是——我创建了一个文件 App.jsx 并添加了这段代码：

import { StyleSheet, Text, View } from 'react-native'
import React from 'react'

const hello = () => {
  return (
    <View>
      <Text>App</Text>
    </View>
  )
}

export default hello

const styles = StyleSheet.create({})

它会自动呈现其中的代码，而不是默认的 App.tsx 文件您可以在 Ap.jsx 文件中编写您的 JavaScript 代码

【讨论】：