这个语法在React Native和TypeScript中是什么意思？
在React Native和TypeScript中，这个语法是指泛型（Generics）。泛型是一种在编程中使用变量来表示类型的概念，它允许我们在编写代码时指定某个函数、类或接口可以适用于各种类型，从而增加代码的灵活性和复用性。
在React Native中，泛型可以用于定义和操作组件的属性和状态的类型。通过使用泛型，可以实现类型安全的组件定义和操作，减少潜在的运行时错误。
在TypeScript中，泛型可以用于定义函数、类和接口等的参数类型和返回值类型，以及数组、元组和对象等的成员类型。通过使用泛型，可以在编译时进行类型检查和推断，提高代码的可读性和可维护性。
对于React Native和TypeScript中的泛型语法，可以参考以下资源：
- React Native中的泛型：
- 概念：泛型允许你在组件中定义和使用特定类型的属性和状态，以实现类型安全的组件开发。
- 推荐的腾讯云相关产品和产品介绍链接地址：暂无
- TypeScript中的泛型：
- 概念：泛型允许你在函数、类和接口等的定义中使用类型变量，从而实现代码的通用性和复用性。
- 推荐的腾讯云相关产品和产品介绍链接地址：暂无
请注意，以上答案中没有提及云计算相关的内容，因为这个问题与云计算领域无关。如果您有关于云计算的其他问题或需求，欢迎提问。
相关·内容
将其导入typescript并翻译成js的最佳理由是什么： const randomBytes = require('react-native-randombytes').randomBytes; 我这样做： import * as randomBytes from 'react-native-randombyte'; 它只给了我： const randomBytes = require('react-native-randombytes');
浏览 15提问于2019-09-02得票数 0
回答已采纳
我刚刚开始使用React Native，并开始习惯JSX语法。这就是我说的吗？还是我说的是TypeScript？或者..。ES6？不管怎样..。
我见过这个：
const { foo } = this.props;
在类函数中。大括号的用途是什么?使用花括号和不使用花括号有什么区别？
浏览 3提问于2016-08-04得票数 36
1回答
我试图通过使用Font.loadAsync导入一些字体，但是我得到了这个错误：
Unsafe assignment of an 'any' value
依赖于我的package.json
"dependencies": {
"@react-navigation/native": "^6.0.10",
"@react-navigation/native-stack": "^6.6.1",
"expo": "~44.0.0",
浏览 11提问于2022-04-25得票数 0
我在学TypeScript。今天，我在互联网上打开了一个随机项目，并在一个TypeScript文件中看到了这一点：
import { Route, useRoute } from "@react-navigation/native"
import { NewAppointmentConfirmationScreenProps } from "@app/screens/new-appointment-confirmation/types"
export const useNewAppointmentConfirmationScreenRoute = () =&g
浏览 1提问于2021-07-17得票数 2
回答已采纳
我还不熟悉React-Native，但我正在使用React-Native，TypeScript，并将其与Firebase连接。由于某种原因，我得到了下面的错误，但正如你在另一个屏幕截图中看到的那样，这个错误在VSC中并不存在，我想如果这是一个问题，我的ts lint应该会发现它。
另外，如果我确实尝试在第10行33列中添加一个)，我会得到一个错误？
当我使用'react-native expected ")" -ios‘时，显示异常运行：
下面是我的代码：
下面是这行代码：
loginUser: ({ email, password }: {emai
浏览 0提问于2018-10-25得票数 0
使用以下命令：npx react-native init MyApp --template react-native-template-typescript --version 0.63.4
或
npx react-native init MyApp --version 0.63.4 --template react-native-template-typescript
使用ReactiNative0.68.2创建一个应用程序--我需要0.63.4版本--正确的命令是什么？
Update -我尝试了如下命令：npx react-native init ExperienceApp --templ
浏览 3提问于2022-05-14得票数 0
1回答
我使用create- React - Native -app创建了一个新的react native项目，并在文件顶部添加了// @flow以进行适当的类型检查。然后我添加了一个基本组件：
export class Foo extends React.component {
render() {
<Text>abcd</Text>
}
}
您可能会注意到第2行中缺少的return。因为flow不会抱怨它，所以我想添加一个类型注释，如下所示：
render(): JSX.Element {
但是，我不知道如何导入JSX。因此，我跳转到import Rea
浏览 1提问于2017-10-04得票数 0
我当时正在阅读react本地文档，我遇到了这一行代码。
watchID: ?number = null;
我知道这是一种TypeScript语法，但我看不到TypeScript正在React Native中使用。
有人能解释一下这件事吗？
浏览 1提问于2016-11-30得票数 3
回答已采纳
2回答
我试图使用TypeScript将钩子实现到React (^16.6.0)应用程序中
import * as React, {useState} from 'react';
知道这个导入的正确语法是什么吗？
浏览 0提问于2018-11-21得票数 11
回答已采纳
我混淆了react-native-cli和@react-native-community/cli。现在，我正在使用react-native-cli生成新项目。 然后我想尝试使用typescript进行原生反应。在文档中，他们说“删除react native cli”并安装@react-native-community/cli。 这样做之后，我可以使用typescript生成我的react原生项目。但是现在，我不能运行我的旧的react本机项目，因为我删除了react- native -cli。 我该怎么办？
浏览 86提问于2021-03-29得票数 0
回答已采纳
我正在使用Redux和Typescript编写一个React Native应用程序。我一直在看别人的代码(我不能逐字分享)，当他们使用connect函数时，它看起来是这样的： export default connect<a, b, c, d>(
state => ({
...
}),
dispatch => bindActionCreators({
...
}, dispatch)
)(<Component name>) 谁能解释一下a, b, c, d参数的用法是什么？我知道这涉及到Typescript泛型，但有人能给我更深入的
浏览 5提问于2019-05-14得票数 0
为了避免基于TypeScript的relative中的“./../”样式的相对导入，我想配置该应用程序，这样我就可以使用绝对导入了。
重要的是，配置还支持Jest单元测试。
我用npx react-native init MyTestApp --template typescript创建了这个应用程序
React原生版本: 0.60.5
实现这一目标所需的确切配置是什么？
浏览 4提问于2019-09-05得票数 46
回答已采纳
1回答
我一直试图启动一个新的Reactive原住民项目，但几天来一直面临这个问题，在很多论坛上尝试寻找它，但没有找到任何对我有用的解决方案。
我尝试过的命令：
npx react-native init MyApp npx react-native init MyApp --template react-native-template-typescript npx --ignore-existing react-native init MyApp --template react-native-template-typescript
有人提到删除react本机-CLI，使用：
npm un
浏览 1提问于2021-11-03得票数 2
我是第一次使用React Native。我目前正在为我的React Native项目使用TypeScript。现在，我在如何将数组映射到checkbox上遇到了困难。下面是我的json文件：
{
"stud_name": "Adam",
"sex": "male",
"attendance": false,
"eligibility": false
}
我想在复选框内映射attendance和eligibility。下面是复选框的React Native代码。
export
浏览 0提问于2020-04-02得票数 0
我是新来的反应-来自reactjs+typescript的本地人。我正在尝试建立一个相当简单的项目测试，看看这种技术是如何工作的。我用的是VS代码。
在基本教程之后，我已经设置了我的项目，我可以在仿真程序中运行它。
现在，我想了解如何创建自定义.tsx文件(例如profile.tsx)，编写呈现函数并将其显示在索引页(index.android.js)上。
因此，我创建了一个.tsx文件：(我省略了文件开头的各种导入语句)
export class Profile extend React.Component {
render(){
return <
浏览 2提问于2016-12-12得票数 2
回答已采纳
我有一个typescript函数，它负责使用React Native fetch函数从NASA api获取数据，并返回一个类型为Item[]的自定义对象。问题是这个函数返回的对象总是[]。responseData.collection.items在最初将Item[]类型的状态变量设置为它时工作，因此它不是一个映射问题。 然而，我希望这是一个独立的typescript函数，在任何React组件之外，所以我不能使用state。 在不使用React Native状态的情况下访问typescript中获取的JSON响应数据的正确方法是什么？ import { Item } from "../
浏览 6提问于2020-09-01得票数 0
回答已采纳
我正在使用Redux为我的状态构建一个使用TypeScript的。
我喜欢为configureStore使用两个单独的文件。在JS中，如下所示：
configureStore.dev.js
import { applyMiddleware, createStore } from "redux";
import logger from "redux-logger";
import reducers from "../reducers";
const configureStore = () => {
const store = crea
浏览 0提问于2018-10-10得票数 0
回答已采纳
我正在用typescript构建一个react-native应用程序，以便学习react native。一旦我用expo start运行应用程序，并尝试在模拟器上运行，我得到了这个错误：
index.js: [BABEL] ......../index.js: Unknown option: .name. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options
实际上我以前没有这个错误。我尝试安装react-native-dotenv包，同时也安装了metro-rea
浏览 1提问于2020-10-06得票数 12
回答已采纳
我正在用Typescript构建一个React-Native项目。我正在使用Realm进行选择性云同步，并且我构建了单独的类来管理本地和云数据。为了让两者都能与我的所有模型通用地工作，我在它们中实现了这个接口： export default interface PersistentObject {
id: string
schema: Realm.ObjectSchema
static parseFromRealm(object: Realm.Object):
} 看到parse函数后面的空格了吗？这就是我的问题。我需要返回一个实现此接口的类型的对象。因此
浏览 17提问于2020-07-07得票数 0
我输入命令来创建带有typescript的React Native项目。
npx react-native init MyApp --template react-native-template-typescript
package.json
"react-native": "0.63.2"
我想使用typescript创建0.62.2，所以我尝试使用以下命令：
npx react-native init MyApp --version 0.62.2 --template react-native-template-typescript
package.json
浏览 0提问于2020-07-29得票数 1
我正在使用TypeScript编写一个React Native组件，并使用React Native Testing Library对它们进行测试。 我想在React Native组件上添加一个testId属性，如下所示： <TextInput testId="foo" /> 然后在类似如下的测试中引用它： it('receives a search string', () => {
const { getByTestId } = render(<FooComponent />);;
const textBox = getB
浏览 52提问于2020-12-23得票数 2
2回答
未找到导航类型标命名空间
、、、
当我试图创建任何导航器(选项卡/堆栈/抽屉)时，我会得到这个类型记录错误：Cannot find namespace 'Tab'，即使它是在文件本身中定义的。问题出在哪里，解决办法是什么？我使用了世博打字模板开始。
代码：
import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import React from "react";
type bottomTabParams = {};
const Tab = createBottomTabNavigat
浏览 1提问于2020-10-06得票数 5
回答已采纳
1回答
错误：
react-native-paper/lib/typescript/src/core/settings错误:无法从index.js中解析模块react-native-paper/lib/typescript/src/core/settings：无法在项目中找到。
我正在使用react-native-paper和Redux，但是我无法设置环境。如何设置环境同时使用两者？
是的，我把属地联系起来了。就像我不使用Redux并在AppRegistery()中传递AppRegistery()一样，应用程序可以正常工作。但是，每当我将<App />包装在另一个组件中时，它就会显示错误
浏览 2提问于2020-06-19得票数 3
回答已采纳
我有一个TypeScript函数，它返回一个ReactiveNativeView。
import React from "react";
import JSX, {View} from "react-native";
class DummyClass {
static getView() {
return (
<View style={{flex: 1}}/>
);
}
}
export default DummyClass;
我用这样的方式调用这个函数：
import JS
浏览 9提问于2020-10-21得票数 1
回答已采纳
我为文本输入创建了类似于此的简单组件(没有样式)
import { FC } from "react"
import { TextInput, TextInputProps, View } from "react-native"
interface IProps {
value: string,
setValue: (arg: string) => void
placeholder: string,
type?: TextInputProps['textContentType'],
keyboard
浏览 2提问于2022-04-27得票数 1
我已经创建了一个带有类型记录模板的反应本机项目。
npx react-native init myApp --template react-native-template-typescript
当我将参考文件关联到tsx文件中的视图时，我就有了这个错误。
没有过载和这个电话匹配。重载2中的1，‘(道具: ViewProps \ Readonly)：View'，给出了以下错误。键入'MutableRefObject‘不能分配到键入'LegacyRef \未定’。重载2中的2，‘(道具: ViewProps，上下文: any)：View'，给出了以下错误。键入
浏览 0提问于2021-05-19得票数 0
回答已采纳
1回答
迁移到世博会后出现白屏
、、、、
我目前正面临一个问题，当运行expo start时，一旦在ios模拟器和设备上完成加载，应用程序就会显示白色空白屏幕(安卓尚未经过测试)。 我最初是在react-native CLI上开始这个项目的，最近迁移到了Expo。自迁移以来，这个问题已经很明显了。 我已经在网上遵循了许多说明来尝试解决这个问题，但是我一直没有运气。控制台没有错误，在VSC中运行JS Debug也没有问题 请在下面找到我的package.json文件 {
"name": "MyApp",
"version": "0.0.1",
"pri
浏览 9提问于2020-10-15得票数 1
我正在做一个用React构建的基于的项目。我将使用一个用typescript编写的库。如何在我的项目中使用这个库中定义的泛型方法？目前，我在Visual Studio代码中收到一个错误，说“‘类型参数’只能在.ts文件中使用。”解决这个问题的最好方法是什么？
我刚开始使用react和typescript，如果这是一个愚蠢的问题，请原谅我。非常感谢。
浏览 2提问于2020-03-09得票数 1
我只是想尝试一下原生的react。然而，我得到了这个错误。Metro遇到错误:无法读取未定义的属性'transformFile‘。我在我的物理设备和模拟器上尝试了一下，错误是一样的。我在我的控制台中得到了这样的信息：“无法构造转换器:错误: Node Sass尚不支持您当前的环境: Windows 64-bit with Unsupported runtime (88)”
这是我的package.json文件
{
"name": "XYZ",
"version": "0.0.1",
"
浏览 0提问于2021-03-11得票数 2
1回答
这个问题与地铁捆绑器无法将JS捆绑到设备有关。我运行npm run start，它在浏览器上显示得很好(例如‘我浏览到http://localhost:8081)，但是，当我加载npm run ios时，它会失败，如下所示：
另外，我有一个以前工作过的项目，然后用这个问题导入了另一个项目，现在正在导致工作项目失败。
我尝试过更改端口并重新设置缓存，但是设备找不到要打包的url。
这个问题不是设备特有的，因为我在android上也遇到了同样的问题。
我尝试过删除节点模块并运行npm安装。
有什么帮助吗？
{
"name": "ve
浏览 4提问于2022-09-30得票数 1
1回答
我想导入一个js库(react-native-webview-bridge)在我的反应-本机project.but我的项目使用typescript，这个库是js.when我导入它，它提示无法找到模块react-native-webview-bridge的.so我想知道如何转移js到typescript，或其他方式处理it.thanks！
import * as WebView from 'react-native-webview-bridge'
浏览 15提问于2017-02-17得票数 4
1回答
已经尝试过和的建议，但没有成功
我有一个具有如下目录结构的项目：
.
- /app
- /web
app是一个react原生应用程序(手动创建，而不是用create-react-native-app创建)。
web是一个使用create-react-app创建的react应用程序。
两者都使用TypeScript。
我试图使用app在web应用程序中使用react-native-web呈现来自react-native-web的组件，但是TypeScript似乎并没有解析文件，因为我得到了这个错误：
You may need an appropriate loader to ha
浏览 4提问于2020-01-09得票数 0
回答已采纳
程序本身运行得很好，但是Typescript在我的组件的return函数中用红色下划线了很多项目。特别是来自我的react-native导入的任何内容。 任何像View、Button之类的东西都会抛出这些“错误”。我把错误放在引号里是因为这个应用程序运行起来没有任何问题。我的IDE (VS Code)中的Typescript是唯一抱怨的东西。如果我选择(通过右下角的状态栏选择器) JavaScript React或TypeScript React，它会抛出这些错误。下面是一个示例： ? 以下是我的package.json的重要部分 "scripts": {
&
浏览 1213提问于2020-10-08得票数 0
回答已采纳
从Expo SDK31开始，集成了TypeScript支持。太好了。 但是，据我所知，它使用的是babel-typescript。对于我的项目，在Expo SDK33上运行，我需要使用react-native-typescript-transformer。这个是可能的吗？如何配置此更改？ PS:我需要使用react-native-typescript-transformer的原因是我需要对TypeScript名称空间和枚举的支持。我使用swagger-codegen来生成我的REST客户端层。但我发现的所有生成器都使用名称空间(如果我理解得很好，还有Babel 7也不支持的枚举)。
浏览 27提问于2019-06-18得票数 4
回答已采纳
我为react-native-simple-radio-button创建了一个非常简单的自定义声明，放在src/@types/react-native-simple-radio-button/index.d.ts下面
import { Component } from 'react';
declare module 'react-native-simple-radio-button' {
export default class RadioForm extends Component {}
}
在我的代码中，我有import RadioForm from
浏览 2提问于2019-08-13得票数 0
我刚刚发现我可以在这个设置中安装TypeScript定义：
这很方便，因为我不需要使用typings或npm来安装这些类型。
但是，tsconfig.json中的哪些设置使WebStorm使用这些定义？在webstorm中下载的这些库实际工作吗？
我还在买Cannot find module react in .tsx
tsconfig.json：
{
"compilerOptions": {
"module": "commonjs",
"target": "es
浏览 7提问于2017-03-03得票数 0
回答已采纳
在我的react本机项目中，我使用了 v1，在文档中它说要添加"include": ["node_modules/react-native-redash/lib/typescript/v1/index.d.ts"]来使类型工作，而添加它确实解决了库类型的问题，但是增加了另一个问题。
当我添加那个include时，类型记录只会查看include中的文件，而忽略所有其他文件。
我检查了“包括”的描述：
指定与要包含在编译中的文件相匹配的glob模式列表。如果tsconfig.json中没有“文件”或“包含”属性，编译器默认包含包含目录和子目录中的所有文件，但“排除
浏览 9提问于2022-01-17得票数 2
在以下背景下：
$ node -v
v14.8.0
$ npm -v
6.14.7
$ yarn -v
1.21.1
$ tsc -v
Version 4.0.2
按照这里的说明：
我尝试使用以下命令创建一个React Native + TypeScript应用程序：
$ npx react-native init app --template react-native-template-typescript
但是得到了以下文件结构：
在您可以看到的地方，即使我在上面的creation命令中使用了correspnding TypeScript模板，我也没有得到任何的TypeSc
浏览 2提问于2020-09-04得票数 1
我遵循了一个教程，将web支持添加到一个react本地应用程序中。使用反应-本土-网络和webpack。看起来对每个人都有用。但对我来说，我得到了一个空白的网页。即使它在模拟器上工作得很好。控制台没有出错。
如本教程所示，我希望在模拟器和网页上看到我的简单的本机代码结果。
ps。我的项目是基于TypeScript的
这是我的App.web.ts
import {AppRegistry} from 'react-native'
import {name as appName} from './app.json'
import App fro
浏览 11提问于2022-04-01得票数 1
我使用TypeScript，并使用Firestore (没有世博)进行本机反应。
关于进口：
import { CollectionReference } from '@react-native-firebase/firestore'
我得到了错误消息：
模块‘@react本机-firebase/firestore’‘没有导出的成员’集合参考‘。您是否打算使用“从”@react本机-firebase/火药库“导入CollectionReference”？ts(2614)
我安装了模块，试着同时安装纱线和npm。
以下是packages.json感兴趣的点：
{
"
浏览 2提问于2020-09-27得票数 0
我在React Native代码中使用了import type声明，它在npx tsc和VS代码中都能很好地工作。但是当我运行这个应用程序时，我得到了意外的令牌错误。 如何让React Native能够很好地与import type配合使用？在我看来，它一定是使用了旧版本的TypeScript，但如果我知道如何配置它，我现在不记得了。 (我尝试过重置缓存，从模拟器中删除应用程序，然后重新安装，清理Xcode构建。) 编辑:我认为这可能与旧版本的@babel/plugin-transform-typescript有关，它是RN的package.json所要求的metro-react-nativ
浏览 25提问于2020-07-15得票数 0
回答已采纳
在我的React Native应用程序中，我正在尝试使用this guide中提到的Firebase JS SDK和Expo，尽管在通过expo install firebase安装依赖项后，我无法从firebase/auth导入模块。调用相应的方法(如getAuth() )会导致以下错误： TypeError: (0, _auth.getAuth) is not a function. (In '(0, _auth.getAuth)()', '(0, _auth.getAuth)' is undefined) 我也无法从firebase/database、f
浏览 20提问于2021-10-08得票数 1
回答已采纳
我对原生开发的反应是新的，所以请容忍我。
当我通过CMD创建一个新的React Native项目时，我看到了代码，.js有很多在TypeScript中使用的关键字。
这似乎不是普通的Javascript，还是我错了？我看到的是Javascript还是Typescript？
谢谢
浏览 61提问于2018-03-05得票数 1
回答已采纳
当我运行npm test时，会得到这个错误。我已经看过一些建议对package.json、babel.config.js、jest.config.js和我进行编辑的帖子、解决方案等，但我仍然收到了这个错误。我认为这可能是的版本问题，但我使用的是最新版本0.60.4，在一些问题中提到了这一点，这在master中得到了解决。也许我忽略了一些东西，但我想不出它还会是什么。
以下是结果失败的测试：
import { geolocationRequest } from '../location';
let mockGeoCoding = jest.fn();
jest.mock(
浏览 0提问于2019-08-12得票数 1
回答已采纳
这只是一个视觉问题。 在使用TypeScript的WebStorm中，...rest参数被包装在3个不同的行中。 以下是代码的示例： import React, { FC } from 'react';
import { View } from 'react-native';
import { MarkerProps } from 'react-native-maps';
export interface ITeddyMarkerDraggable extends MarkerProps {
}
const TeddyMarkerDragg
浏览 9提问于2020-04-02得票数 0
当我重新安装了react本机时，我会得到以下错误：
Animated node with ID 2 Already exists
当我删除它时，这个错误：
Unrecognized Operator min
修复第一个问题的在线解决方案应该是removedThe在线解决方案，解决第二个问题的结论是，反应本机-再生应该是installed。
我怎样才能解决这两个问题？
这是我的package.json
{
"main": "node_modules/expo/AppEntry.js",
"scripts": {
"start
浏览 4提问于2020-08-03得票数 1
回答已采纳
使用TypeScript，我定义了以下道具type和组件class：
type AnimatedElementProps = {
node: HTMLElement;
Svg(props: SVGProps): JSX.Element,
};
class AnimatedElement extends React.Component<AnimatedElementProps> {
constructor(props) {
super(props);
this.node = undefined;
}
render = () => {
浏览 0提问于2019-01-24得票数 1
回答已采纳
我同时使用TypeScript和React Native。
import React from 'react';
import { Button } from 'react-native-elements';
import { IThemedButton } from '../../../models/themedButton';
interface IThemedButtonProps {
data: IThemedButton;
}
const ThemedButton: React.FC<IThemedButtonProps&
浏览 0提问于2019-04-19得票数 0
1回答
我正在尝试将云功能上传到我的Firebase控制台。我的应用程序在世博上运行良好，但是当我试图上传时，我认为我的代码试图编译并抛出这个错误：
Error: Error occurred while parsing your function triggers.
<root_project_directory>\node_modules\react-native\Libraries\Utilities\warnOnce.js:15
const warnedKeys: { [string]: boolean } = {};
^^^^^^^^^^
SyntaxError:
浏览 2提问于2020-06-14得票数 0
我已经初始化了React Native，Typescript和Google Maps的全新安装。然而，通过如下所示的最小示例，我收到了一个我认为不应该收到的错误，因为MapView应该接受style: any属性。
这个例子使用了react-native-maps，但我希望这能阐明Typescript一般是如何工作的。
下面是我的package.json、tsconfig.json和tslint.json文件：
截图：
浏览 0提问于2018-06-19得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
