调整React Native的入口文件位置

Posted 2023-03-18

参考技术A

前言
接上篇 ，由于引入typescript，会引发一个问题：
由于react native 生成的entry file是js格式, js里面没办法直接import ts module,而需要import ts生成的js文件.如果不调整rn现在的compile方式,要么我们将ts compile之后的js文件放在ts文件同级,保证我们import的路径一致,要么把ts compile之后的文件放在一个独立的目录下,index.js中的import ts compile目录下的js文件。这两种方式前者会让我们的开发文件结构变得很混乱,后者会让index.js import ts module做特殊处理,都会造成一定的麻烦.
为了解决这个问题于是有了这篇文章,目标效果：

Part 1:调整react native文件

将index.js 和app.js 重命名为index.tsx 和app.tsx 并移到src目录下

Part 2:调整iOS配置

Part 3:调整Android配置

React Native 第二天

1.从版本V0.49.0开始单一的入口文件 index.js替代原有老的index.android.js和index.ios.js文件参考（https://github.com/facebook/react-native/releases/tag/v0.49.0）

2.创建组件

1. React.creatClass 过时

   Migrating from React.createClass

   When React was initially released, there was no idiomatic way to create classes in JavaScript, so we provided our own: React.createClass.

   Later, classes were added to the language as part of ES2015, so we added the ability to create React components using JavaScript classes. Along with functional 　　
   components, JavaScript classes are now the preferred way to create components in React.

2. 函数式
3. ES6 类，定义组件