반응형

TypeScript 18

유형 스크립트에서 JSON 개체를 선언하는 올바른 방법

유형 스크립트에서 JSON 개체를 선언하는 올바른 방법 제 Angular 2 앱에 다음과 같은 JSON 객체가 있는데, 그것을 typescript로 선언해야 할 적절한 것이 무엇인지 알고 싶습니다. data = [ { 'id':1, 'title':'something' 'node': [ { 'id':1, 'title':'something' 'node': [] } ] }, { 'id':2, 'title':'something' 'node': [ { 'id':1, 'title':'something' 'node': [] } ] } ] 다음은 귀하가 요구하는 것을 쉽고 단순하게 구현한 것입니다. interface IDataNode { id: number; title: string; node: Array; } 코드에..

programing 2023.08.30

속성이 'IntrinsicAttributes & {children?' 유형에 없습니다.ReactNode; }'

속성이 'IntrinsicAttributes & {children?' 유형에 없습니다.ReactNode; }' 내가 만든 반응 프로젝트가 있습니다.Create-React-App다음 패키지 있음(내 문제와 관련된 패키지 포함): "react": "^16.13.1", "react-dom": "^16.13.1", "react-router-dom": "^5.1.2", "react-scripts": "3.4.1", "typescript": "^3.9.2", "@typescript-eslint/eslint-plugin": "^2.33.0", "@typescript-eslint/parser": "^2.33.0" 저는 다음과 같은 간단한 HOC(지금은 아무것도 하지 않지만 나중에 논리를 추가하겠습니다)를 만들었습니다...

programing 2023.07.11

Typescript 3.0에서 Tuple을 다른 Tuple 유형으로 '매핑'하는 방법

Typescript 3.0에서 Tuple을 다른 Tuple 유형으로 '매핑'하는 방법 의 태플을 가지고 있습니다.Maybe유형: class Maybe{ } type MaybeTuple = [Maybe, Maybe, Maybe]; 그리고 저는 이것을 여러 가지 유형으로 바꾸고 싶습니다. type TupleIWant = [string, number, boolean]; 그래서 저는 이것을 시도했습니다: type ExtractTypes = T extends Maybe[] ? MaybeTypes : never; type TypesArray = ExtractTypes; // string | number | boolean NOT [string, number, boolean] 효과가 없는 것 :-( 알겠습니다(stri..

programing 2023.07.11

Typescript를 사용하여 재료 UI 구성 요소의 소품을 확장하는 방법은 무엇입니까?

Typescript를 사용하여 재료 UI 구성 요소의 소품을 확장하는 방법은 무엇입니까? 추가 소품을 아이들에게 전달할 수 있도록 Typescript를 사용하여 Button 구성요소의 소품을 Material-UI에서 확장하고 싶습니다. import { NavLink } from 'react-router-dom'; import { Button } from 'material-ui'; {title} ./app/types/material_ui.d.ts에 다음 선언을 추가하려고 했습니다. declare module 'material-ui' { interface Button { activeClassName?: any; exact?: boolean; to?: string; } } "TS2693: 'Button'은 유..

programing 2023.07.06

Typescript + Express: 'type of e' 유형에 호환되는 호출 서명이 없습니다.

Typescript + Express: 'type of e' 유형에 호환되는 호출 서명이 없습니다. typescript, express를 사용하여 응용 프로그램을 빌드하려고 하는데 다음 오류가 발생합니다.Cannot invoke an expression whose type lacks a call signature. Type 'typeof e' has no compatible call signatures(app.ts에서 express ()을 호출합니다. 저는 제 개발을 돕기 위해 여기 웹팩을 사용하고 있습니다. 내 패키지.json: "scripts" :{ "build": "webpack" }, "dependencies": { "body-parser": "^1.18.3", "dotenv": "^6.1.0",..

programing 2023.07.01

TypeScript가 가져온 상수가 정의되지 않았습니다.

TypeScript가 가져온 상수가 정의되지 않았습니다. 내 안에서Vue.ts(Vue.js with TypeScript) 상수를 정의했습니다.serverUrl한 파일(http 선언)에서 클래스와 함께 다른 파일로 가져옵니다.AuthService하지만 이 상수는UNDEFINED재산 신고 또는 건설업자 중 하나에서.AuthService.에서login()기능 괜찮아요.문제가 뭐죠?여기 제 파일들이 있습니다.http: import axios, { AxiosError, AxiosRequestConfig } from 'axios'; export const serverUrl = 'http://localhost:63523'; // serverUrl Constant export const http = axios.crea..

programing 2023.06.26

주변 선언이란 무엇입니까?

주변 선언이란 무엇입니까? 저는 다음과 같은 기사를 통해 많은 것을 보았습니다.ambient declarations예를 들어 이 기사.그것들은 무엇입니까?누가 예를 들어줄 수 있습니까?앰비언트 선언은 기존의 형식 스크립트 파일 외부에 작성되었지만 이 파일에서 사용되는 형식의 선언입니까?모든 선언문이 주변에 있습니까? 내가 알기로는ambient declarations자바스크립트 코드를 생성하지 않고 다음을 사용하여 정의됩니다.declare키워드이것이 주변 선언의 유일한 사례입니까 아니면 다른 사례가 있습니까?예, 앰비언트 선언을 사용하면 컴파일러에 기존 변수/함수 등을 알려줄 수 있습니다. 예를 들어 웹 페이지에서 글로벌 변수를 추가하는 라이브러리를 사용하고 있다고 가정해 보겠습니다.ON_READY함수에 ..

programing 2023.06.26

유형 스크립트로 "디버그" 모듈을 사용하는 방법

유형 스크립트로 "디버그" 모듈을 사용하는 방법 Typescript가 포함된 NTVS(Node Tools for Visual Studio) 프로젝트가 있습니다. 다음 문이 컴파일되지 않습니다. import debug = require('debug')('MyApp'); 구문 오류입니다. (TS) ';'이 예상됩니다. 두 괄호 '()' 사이. TypeScript에서 "디버그"를 사용할 수 있습니까?README에서 디버그 모듈이 다음을 장식하는 기능을 내보내고 있습니다.console.error모듈 이름(MyApp)을 입력합니다.다른 방법도 있겠지만, 저는 다음과 같은 방법을 사용합니다. import Debug from "debug"; const debug = Debug("MyApp"); // then to u..

programing 2023.06.21

현대 각도에서 손자부터 조부모까지 이벤트를 발산하는 방법은 무엇입니까?

현대 각도에서 손자부터 조부모까지 이벤트를 발산하는 방법은 무엇입니까? 여러 수준의 각도 구성 요소가 있는 경우 어떻게 사용할 수 있습니까?@Output사건을 아이에게서 조부모에게 보내는 것? 조부모: ... grandmaHandleClick(event) { console.log('grandma knows you clicked') } 상위: 자식: Click button ... @Output() handleClick = new EventEmitter onClick() { this.handleClick.emit('clicked a button') } @Output이 몇 가지 구성 요소를 심층적으로 드릴링할 수 있도록 하려고 합니다. 이를 달성하는 가장 좋은 방법은 무엇입니까? 예를 들어 주시겠습니까?두 가..

programing 2023.06.21

개체를 배열로 변환하는 유형 스크립트 - *ngFor는 개체 반복을 지원하지 않기 때문입니다.

개체를 배열로 변환하는 유형 스크립트 - *ngFor는 개체 반복을 지원하지 않기 때문입니다. 루프를 사용하여 개체를 이렇게 어레이로 변환하고 싶지 않습니다!프로세스를 두 배로 늘리고 앱의 성능을 늦추면 (Ionic2와 Typescript, Firebase 포함) (데이터에 키 입력) {array.value(값); }에 대해 *ngFor를 사용하여 객체 자체(첨부된 사진에 표시)를 반복할 수 있는 솔루션이 있습니까? 또는 이 개체(첨부된 사진에 표시됨)를 배열로 변환하여 *ngFor에서 읽을 수 있도록 할 수 있습니다. Object.keys(obj)를 사용하여 명명된 인덱스를 가져올 수 있습니다.추가로 사용하거나 사용자 지정할 수 있는 배열 구조가 반환됩니다.객체 값을 반복하기 위한 샘플 사용은 다음과 ..

programing 2023.06.11
반응형