React native 反应本机模型

我想为我的react本机应用程序创建一些模型。我来自一个有角度的背景，所以ts和js之间有一个复杂的关系

如何在react native中创建简单的客户模型？如何将此ts代码转换为js

export interface Customer {
 id: numner;
 firstName: string;
 lastName: string;
}

---

您可以将TypeScript与react和react native一起使用。有关更多信息，请查看

TypeScript是由Microsoft开发的一种编程语言。这是一个 JavaScript的类型化超集，并包含自己的编译器。作为一个 类型语言，类型脚本可以在构建时捕获错误和bug， 在你的应用上线之前很久。您可以了解有关使用的更多信息 在此处键入带有React的脚本

要使用TypeScript，您需要：

• 将Typescript作为依赖项添加到项目中
• 配置TypeScript编译器选项
• 使用正确的文件扩展名
• 为您使用的库添加定义

让我们详细地看一下这些

有一个from显示react native的安装类型脚本

npm install typescript tslint rimraf concurrently --save-dev
npm install @types/react @types/react-native @types/jest --save-dev

{
  "scripts": {
    "tsc": "tsc",
    "lint": "tslint src/**/*.ts"
    "clean": "rimraf artifacts",
    "build": "npm run clean && npm run tsc --"
  }
}

试试这个

//myClass.js
export default class myClass {
  email: string;
  name: string;
  constructor() {
      //...
  }
}

//index.ios.js
import myClass from './path/to/myClass.js'

---

查看此以了解更多信息，我尝试过。但是is说，类型只能在ts中使用。您是否希望创建模型，因为您希望在所有组件中访问它们？我希望类映射到后端响应。在类型脚本中类似这样的内容。从“/Photo”导入{Photo}；导出界面用户{id:number；用户名：string；知识：string；年龄：number；性别：string；创建：日期；上次激活：日期；照片URL:string；城市：string；国家：{id:number；名称：string；大陆：{id:number；名称：string；}；}；}；兴趣？：字符串；简介？：字符串；查找？：字符串；照片？：照片[]；}出于什么原因？如果您只是在组件中使用RN local state来保存api中的后端数据，那么只需在组件中创建本地对象以映射到后端响应。如果您想在整个应用程序中访问这些数据，那么考虑使用像ReDux这样的东西，然后您可以通过全局存储访问所有这些数据。