在TypeScript中导入json文件
我有一个如下JSON文件：{ "primaryBright": "#2DC6FB", "primaryMain": "#05B4F0", "primaryDarker": "#04A1D7", "primaryDarkest": "#048FBE", "secondaryBright": "#4CD2C0", "secondaryMain": "#00BFA5", "secondaryDarker": "#009884", "secondaryDarkes...
2024-01-10TypeScript中的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中导出对象？
例如，我正在尝试导出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如何在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进行接口类型检查
这个问题是使用TypeScript进行类类型检查的直接类比我需要在运行时找出类型为any的变量是否实现了接口。这是我的代码：interface A{ member:string;}var a:any={member:"foobar"};if(a instanceof A) alert(a.member);如果在打字机游乐场输入此代码，则最后一行将被标记为错误，“名称A在当前作用域中不存在”。但这...
2024-01-10在NestJS中导入具有依赖注入的TypeScript模块
在我的NestJS应用程序中-我有TypeScript类，这些类中已经注入了其他类和值。唯一的是，我要导入带有import语句的TypeScript类，并使用DI系统注入它们。有什么方法可以删除导入语句并让DI系统处理它？回答：回答：import ->类参考DI->类实例化可以通过字符串标记进行匹配，但最好使用类引用。 回答：...
2024-01-10在Typescript中反应createContext问题？
所以我在React Context + Typescript上遇到了一个很奇怪的问题。工作实例在上面的示例中，您可以看到我正在尝试做的实际工作。本质上，我正在使用新的useContext方法管理状态，并且它运行完美。但是，当我尝试在盒子上执行此操作时，似乎无法找到通过useReducer传递的状态值。export function AdminStoreProvider(...
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在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-10TypeScript：从类型/减法类型中删除键
我想定义一个ExcludeCart<T>基本类型，T但要cart删除给定键（在我的情况下为）的通用类型。所以，举例来说，ExcludeCart<{foo:number, bar: string, cart: number}>将是{foo: number, bar:string}。有没有办法在TypeScript中做到这一点？这就是为什么我要这样做的原因，以防万一我把错误的树叫了起来：我正在将现有的JavaScrip...
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如何将JSON对象转换为Typescript类
我从远程REST服务器读取了JSON对象。此JSON对象具有Typescript类的所有属性（通过设计）。如何将收到的JSON对象转换为var类型？我不想填充一个打字稿变量（即有一个采用此JSON对象的构造函数）。它很大，因此要按子对象和按属性逐个复制所有内容，这将花费大量时间。回答：您不能简单地将Ajax请求中...
2024-01-10将数组映射到Typescript/Angular中的对象
我有一个查询后端API的服务。该API返回一组逗号分隔的文本行。这些列对应于我创建的TypeScript类中的属性。类是：将数组映射到Typescript/Angular中的对象export class TopTalker { constructor( public source: string, public protocol: number, public packets: number, public _percent: string, publ...
2024-01-10Typescript和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有没有办法在TypeScript中进行方法重载？
有没有办法用TypeScript语言进行方法重载？我想实现以下目标：class TestClass { someMethod(stringParameter: string): void { alert("Variant #1: stringParameter = " + stringParameter); } someMethod(numberParameter: number, stringParameter: string): void { alert("...
2024-01-10如何在装饰器中重用TypeScript中的装饰器
我试图创建一些包装Angular2装饰器的功能。我想简化添加CSS类到主机的过程，所以我创建了以下内容：如何在装饰器中重用TypeScript中的装饰器警告：不与AOT编制工作type Constructor = {new(...args: any[]): {}}; export function AddCssClassToHost<T extends Constructor>(cssClass: string) { return function (constructor: T) { c...
2024-01-10AngularJS中的TypeScript拦截器
我在使用TypeScript在AngularJS中设置请求拦截器时遇到问题以下代码段有效，但无效版本已注释掉。无论我在构造函数中注入什么，局部变量在request方法中都是未定义的。module Services{ export class AuthInterceptor { public static Factory(TokenService: Services.ITokenService) { return new AuthIntercept...
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在Typescript中使用样式化的组件，prop不存在吗？
这是我的样式化组件。import * as React from 'react';import styled from 'styled-components';import { ComponentChildren } from 'app-types';interface Props { children: ComponentChildren; emphasized: boolean;}const HeadingStyled = styled.h2` ${props => props.emp...
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 React中导入图像-“找不到模块”
我正在尝试导入图像以在TypeScript的React组件中使用。我正在使用的捆绑器是包裹（不是Webpack）。我已经在.d.ts项目内部创建了一个带有图像文件扩展名的文件，并将其包含在内tsconfig.json。但是，当我尝试导入图像时，TS会对我大喊大叫Cannotfind module。我的项目结构：+ src + assets - image.jpg + com...
2024-01-10无类型npm模块的TypeScript自定义声明文件
我从npm到我使用TypeScript的项目中使用了一个名为shiitake的React组件。该库没有TypeScript声明，所以我想我会写一个。声明文件如下所示（它可能不完整，但不必担心太多）：import * as React from 'react';declare module 'shiitake' { export interface ShiitakeProps { lines: number; } export default class Shiitake ex...
2024-01-10是否可以在TypeScript接口中使用getter/setters？
我想用readonly属性定义一个接口。例如;是否可以在TypeScript接口中使用getter/setters？interface foo { get bar():bool; } 但是，这给出了语法错误，“预期”;'“吧。我已将VisualStudio设置为使用ES5目标，因此支持getter。这是接口的限制吗？未来可能会发生这种变化;能够做到这是一件非常美好的事情。回答：...
2024-01-10TypeScript包含没有JS库的@types的原理是什么？
通过参考@types/foo，我们可以在TypeScript代码中使用JavaScript库的功能。但为什么？它只是定义了一堆数据类型和接口，但实际的逻辑仍然在JS代码中。如何在不包含原始JS库的情况下运行代码？TypeScript包含没有JS库的@types的原理是什么？例如，要在TypeScript中实现地图服务，我们只包含@types/googlemaps而没有J...
2024-01-10
