
TypeScript中的Http请求
我试图将nodejs中的以下代码片段转换为打字稿:如何在Nodejs中进行Http请求这是我的TypeScript代码:import * as http from 'http';export class HttpRequest{url: string;private path: string;private host: string;private args: Array<Array<string>>;constructor(url: string, args?: string){ this.url ...
2024-01-10
使用Typescript进行接口类型检查
这个问题是使用TypeScript进行类类型检查的直接类比我需要在运行时找出类型为any的变量是否实现了接口。这是我的代码:interface A{ member:string;}var a:any={member:"foobar"};if(a instanceof A) alert(a.member);如果在打字机游乐场输入此代码,则最后一行将被标记为错误,“名称A在当前作用域中不存在”。但这...
2024-01-10
Typescript将自我返回一些函数?
我正在寻找一种方法来创建一个功能,创建2个其他功能作为自我功能。Typescript将自我返回一些函数?var anyVariable = createMeFunc(); public createMeFunc(): string { var setFunc = (value: any) => { console.log("set function"); } var getFunc =(): string => { console.log("get functi...
2024-01-10
在TypeScript中导入json文件
我有一个如下JSON文件:{ "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkes...
2024-01-10
air5是type-c接口吗
品牌型号:iPad Air 5系统:iPadOSair5是type-c接口。iPadAir5是苹果公司于2022年3月9日发布的平板电脑,其充电器接口可支持:充电、DisplayPort、USB3.1第二代(速率最高可达10吉比特每秒)。ipadair5的typec接口不仅能用来充电,还能使用typec的耳机。而且相比于苹果传统的充电口,typec接口的充电速度更加快。附赠的20W电源适配...
2024-01-16
Webpack和Typescript图像导入
我正在开发一个 应用程序并使用 和 。我想在<img/>标签之一中使用图片。但是,我没有找到访问图像文件的正确方法。 : ... module: { rules: [ ... { test: /\.(png|jpe?g|svg)$/, loader: 'file-loader', options: { name: 'as...
2024-01-10
如何在TypeScript中导出对象?
例如,我正在尝试导出TS对象以获取以下JavaScript输出:const path = require('path'), rootPath = path.normalize(__dirname + '/..'), env = process.env.NODE_ENV || 'development';let config = { development: { amqpUrl: "amqp://localhost:15672", root: rootPath }, te...
2024-01-10
如何将JSON对象转换为Typescript类
我从远程REST服务器读取了JSON对象。此JSON对象具有Typescript类的所有属性(通过设计)。如何将收到的JSON对象转换为var类型?我不想填充一个打字稿变量(即有一个采用此JSON对象的构造函数)。它很大,因此要按子对象和按属性逐个复制所有内容,这将花费大量时间。回答:您不能简单地将Ajax请求中...
2024-01-10
如何在Typescript中解析JSON字符串
有没有一种方法可以将Typescript中的字符串解析为JSON。示例:在JS中,我们可以使用JSON.parse()。Typescript中有类似的功能吗?我有一个JSON对象字符串,如下所示:{"name": "Bob", "error": false}回答:Typescript是javascript(的超集),因此您可以JSON.parse像在javascript中那样使用它:let obj = JSON.parse(jsonString);只...
2024-01-10
Typescript和Jest:避免在模拟函数上键入错误
当想用Jest模拟外部模块时,我们可以使用该jest.mock()方法来自动模拟模块上的功能。然后,我们可以根据需要在模拟模块上操纵和询问模拟函数。例如,考虑以下模拟axios模块的人为示例:import myModuleThatCallsAxios from '../myModule';import axios from 'axios';jest.mock('axios');it('Calls the GET method as expected', async () =>...
2024-01-10
如何将JSON对象转换为Typescript数组?
我有一个API请求,返回以下内容:{"page": 1, "results": [ { "poster_path": "/9O7gLzmreU0nGkIB6K3BsJbzvNv.jpg", "adult": false, "overview": "Framed in the 1940s for the double murder of his wife and her lover, upstanding banker Andy Dufresne begins a new...
2024-01-10
在node.js中扩展TypeScript全局对象
我有一个node.js应用程序,该应用程序将一些配置信息附加到该global对象:global.myConfig = { a: 1, b: 2}TypeScript编译器不喜欢这样,因为该Global类型没有名为的对象myConfig:TS2339:类型“ Global”上不存在属性“ myConfig”。我不想这样做:global['myConfig'] = { ... }如何扩展Global类型以包含myConfig或只是...
2024-01-10
在NestJS中导入具有依赖注入的TypeScript模块
在我的NestJS应用程序中-我有TypeScript类,这些类中已经注入了其他类和值。唯一的是,我要导入带有import语句的TypeScript类,并使用DI系统注入它们。有什么方法可以删除导入语句并让DI系统处理它?回答:回答:import ->类参考DI->类实例化可以通过字符串标记进行匹配,但最好使用类引用。 回答:...
2024-01-10
如何在TypeScript中迭代JSON属性
我的问题很简单,我有一个以下JSON Typescript对象,并且我想迭代遍历JSON属性{"work_type":"Fabricación","work_type_resp":"Mesa","looking_for":"RelaciónCalidad/Precio","image":"https://s3-sa-east-1.amazonaws.com/online-quotation-images/153366018967.png","width":"22","high":"34","depth":"...
2024-01-10
在Typescript中实现接口时如何定义私有属性?
我在项目中使用TypeScript,但遇到了一个问题。我正在定义这样的接口:interface IModuleMenuItem { name: string;}我想创建一个从该接口实现的类,但我希望该名称成为这样的私有属性:class ModuleMenuItem implements IModuleMenuItem { private name: string;}我收到以下错误:类ModuleMenuItem错误地实现了接口IModuleMenuIt...
2024-01-10
如何使用Typescript扩展Material-UI主题?
Typescript总是抱怨调色板中缺少某些属性。如果添加//@ts-ignore,我的应用程序运行正常,但显然我想避免这种情况。我是Typescript的新手,这是我尝试过的。import createMuiTheme, { ThemeOptions, Theme } from '@material-ui/core/styles/createMuiTheme';import { PaletteOptions } from '@material-ui/core/styles/createPalette';i...
2024-01-10
在Typescript中反应createContext问题?
所以我在React Context + Typescript上遇到了一个很奇怪的问题。工作实例在上面的示例中,您可以看到我正在尝试做的实际工作。本质上,我正在使用新的useContext方法管理状态,并且它运行完美。但是,当我尝试在盒子上执行此操作时,似乎无法找到通过useReducer传递的状态值。export function AdminStoreProvider(...
2024-01-10
React Typescript:添加位置状态以响应路由器组件
我有正常路线function LoginPage(props: RouteComponentProps): React.ReactElement {...}使用RouteComponentPropsfrom react-router-dom。奇怪的是,这个组件很长一段时间都没有出现问题,但是现在当我用history.push(location.state.from.pathname)说的时候,它无法在travis-ci上编译Property 'from' does not exist on type '{}...
2024-01-10
TypeScript包含没有JS库的@types的原理是什么?
通过参考@types/foo,我们可以在TypeScript代码中使用JavaScript库的功能。但为什么?它只是定义了一堆数据类型和接口,但实际的逻辑仍然在JS代码中。如何在不包含原始JS库的情况下运行代码?TypeScript包含没有JS库的@types的原理是什么?例如,要在TypeScript中实现地图服务,我们只包含@types/googlemaps而没有J...
2024-01-10
Typescript将json反序列化为多种类型的集合
我正在为项目使用Typescript,需要将集合序列化为json,将其保存到文件中,然后将该文件反序列化为类似的集合。该集合看起来像:elements: Array<tool>我的工具界面如下所示:export interface tool { name: string; draw(context:any);}工具实现如下所示:export class textTool implements tool { name: string; fontSize:nu...
2024-01-10
使用TypeScript的React高阶组件的类型注释
我正在使用Typescript为我的React项目编写一个高阶组件,这基本上是一个函数,它接受React组件作为参数并返回一个环绕它的新组件。然而,正如预期的那样,TS抱怨“导出函数的返回类型具有或正在使用私有名称” Anonymous class”。有问题的功能:export default function wrapperFunc <Props, State> ( WrappedComponent:...
2024-01-10
使用Typescript进行热重载IIS Web服务器
在带有C#WebApi后端的TypeScript中开发我的React应用程序时,我想使用热重载。我使用.Net框架而不是Core,因此我需要使用IIS或IISExpress。我可以在webpack dev server没有问题的情况下对前端进行热重装,但是我无法访问API资源。我能做到吗?回答:找到了一个解决方案,webpack devserver用作IIS的反向代理。NPM...
2024-01-10
使用TypeScript在React组件中的默认属性值
我不知道如何使用Typescript为我的组件设置默认属性值。这是源代码:class PageState{}export class PageProps{ foo: string = "bar";}export class PageComponent extends React.Component<PageProps, PageState>{ public render(): JSX.Element { return ( <span>Hello, wor...
2024-01-10
为什么我不能访问TypeScript私有成员?
我正在研究TypeScript中私有成员的实现,但我感到有些困惑。Intellisense不允许访问私有成员,但是在纯JavaScript中,仅此而已。这使我认为TS无法正确实现私有成员。有什么想法吗?class Test{ private member: any = "private member";}alert(new Test().member);回答:就像类型检查一样,成员的隐私仅在编译器中强制执...
2024-01-10
在带有TypeScript的构造函数中声明属性
从草稿js文档中,可以(在普通React中,没有打字稿)设置草稿js环境,从而注意到该onChange属性可以直接在构造函数中声明:import React from 'react';import ReactDOM from 'react-dom';import {Editor, EditorState} from 'draft-js';class MyEditor extends React.Component { constructor(props) { super(props); thi...
2024-01-10
