testman

React + TypeScript 오류:이 호출과 일치하는 오버로드가 없습니다. 다음과 같은 배열을 통해 매핑할 때 큰 오류가 발생합니다. // Home.tsx render() { const { inputs, outputs, expectedOutputs } = this.state; return ( {inputs.map((input, i) => { return ( ); })} ); // TestRow.tsx interface TestRowProps { xml: string; desc: string; output: string; expectedOutput: string; rowNumber: number; } class TestRow extends Component { textArea: any; 오류: 이 통..

유형 스크립트와 기본적으로 대응하는 플랫폼별 가져오기 구성 요소 나는 타입스크립트와 함께 리액트 네이티브를 사용하고 있습니다.저는 다음과 같은 구조의 부품을 가지고 있습니다. component - component.ios.tsx - component.android.tsx 이제 구성 요소를 가져오려고 합니다.그래서, 저는 이렇게 하고 있습니다. import component from '../component/component'; 하지만 다음과 같습니다. [ts] Cannot find module ../component/component 위치가 맞습니다.나는 그것을 이해하기 위해 tslint 파일에 무언가를 추가해야 합니다. 저도 노력했습니다. let component = require('../compone..

useRef와 forwardRef를 함께 사용하는 올바른 방법은 무엇입니까? 두 가지 구성 요소가 있습니다.App그리고.Child사용합니다useRefDOM 요소를 가져오기 위한 후크Child구성 요소 및 작업을 수행합니다. 저도 합격입니다.ref부터App의 구성 요소.Child구성 요소사용React.forwardRefAPI. App.tsx: import { useRef } from "react"; import Child from "./Child"; export default function App() { const ref = useRef(null); console.log("App ref: ", ref); return ( ); } Child.ts: import React, { useEffect, useRe..

유형 스크립트를 사용하여 프로토타입 함수 정의 프로토타입 함수를 정의하려고 하면 다음과 같은 결과를 얻을 수 있습니다. 오류 TS2339: 'applyParams' 속성이 'Function' 유형에 없습니다. Function.prototype.applyParams = (params: any) => { this.apply(this, params); } 이 오류를 해결하는 방법은 무엇입니까?이름이 지정된 인터페이스에서 메서드를 정의Function순식간에.d.ts파일. 그러면 글로벌과 병합 선언이 발생합니다.Function유형: interface Function { applyParams(params: any): void; } 화살표 기능을 사용하면 안 됩니다.this외부 컨텍스트에 구속되지 않습니다.정규 함수..

응답 svg xmlns:xlink 식별자가 필요합니다. typescript, react 및 svgs를 사용할 때 식별자 예상 오류를 수정하려면 어떻게 해야 합니까? return ( ... ); 각 속성에 대해 다음과 같은 대응 특정 철자(JSX)를 사용합니다. return ( ... ); xmlnsXlink xlinkHref 참고 항목: https://reactjs.org/blog/2016/04/07/react-v15.html svg-inline-react 종속성을 사용하여 원래 SVG를 문자열로 전달할 수도 있습니다.그리고 HTML을 JSX 구문으로 번역하는 것에 대해 걱정할 필요가 없습니다. import InlineSVG from 'svg-inline-react'; const svgSource = `

Promise.()에 해당하는 작업은 무엇입니까? Promise를 사용하는 TypeScript에 비동기 /wait를 추가하면 구문적으로 작업에 매우 가깝게 보일 수 있습니다. 예: 약속(TS) public async myAsyncFun(): Promise { let value: T = await ... return value; } 작업(C#) public async Task MyAsyncFun() { T value = await ... return value; } 반대로 작업에 대해 .then()과 동등한 것이 있는지 궁금합니다. 예: 약속(TS) Promise promise = ... promise.then((result: T) => ...do something...); 사용한 적이 있습니다.Conti..

해결 방법: "'@typescript-eslint/consistent-type-assertions' 규칙에 대한 정의를 찾을 수 없습니다." 내 리액트 앱은 다음 오류로 인해 컴파일에 실패하지 않습니다.규칙 '@typescript-eslint/consistent-type-assertions'에 대한 정의를 찾을 수 없습니다. 저는 좀 막막합니다.프로젝트에서 현재 규칙 정의를 찾을 수 없습니다.프로젝트가 처음에 컴파일 중이었습니다.앱을 재구성한 후 오류가 발생했습니다. 앱이 컴파일에 실패하고 오류가 발생했습니다.규칙 '@typescript-eslint/consistent-type-assertions'에 대한 정의를 찾을 수 없습니다. packge.json - { "name": "client", "versi..

Typescript에서 인터페이스 또는 클래스를 사용하는 경우 이 질문에는 이미 답변이 있습니다. Typescript에서의 인터페이스와 클래스의 차이 (9개의 답변) 닫힘4년 전에요. 사용자가 Typescript에 이메일과 비밀번호를 입력해야 하는 간단한 로그인 시나리오가 있습니다.이렇게 튼튼한 타입을 만들어서 백엔드로 보내야겠어요. 다음과 같이 기재해야 합니까? export interface UserLogin { email: string; password: string; } //OR export class UserLogin { email: string; password: string; } 그리고 이들 중 하나를 언제 사용해야 하는지 어떻게 알 수 있습니까?기본적으로 클래스는 기본적으로 객체 팩토리(즉,..

Angular 2 형제 구성 요소 통신 List Component가 있습니다.List Component에서 항목을 클릭하면 해당 항목의 세부 정보가 Detail Component에 표시됩니다.둘 다 동시에 화면에 표시되므로 라우팅은 필요하지 않습니다. List Component에서 어떤 항목을 클릭했는지 Detail Component에 어떻게 알 수 있습니까? 부모(App Component)까지 이벤트를 송신하는 것을 검토하고 부모에게 @Input을 사용하여 Detail Component의 selectedItem.id을 설정하도록 했습니다.또는 관찰 가능한 구독을 가진 공유 서비스를 사용할 수도 있습니다. 편집: 이벤트 + @Input을 통해 선택한 항목을 설정해도 추가 코드를 실행해야 할 경우 Deta..

TypeScript 파일에 "엄격 사용"이 필요합니까? TypeScript 코드 파일에서 "엄격한 사용" 행을 어디에 넣어야 하는지에 대한 게시물을 보았습니다.제 질문은, 도대체 왜 가지고 있는 걸까요? TypeScript는 이미 강력한 입력 언어이기 때문에 "엄격 사용"은 무엇을 추가합니까?갱신 TypeScript 1.8+:"use strict";모듈로 출력됩니다(자세한 내용은 참조). TypeScript 2.1+:--alwaysStrict컴파일러 옵션은 모든 파일을 엄밀한 모드로 해석하여 내보냅니다."use strict"출력되는 모든 파일의 맨 위에 표시됩니다(자세한 내용은 읽기). TypeScript의 테스트에서 "엄격한 모드"를 검색하면 몇 가지 예를 찾을 수 있습니다. 다음은 컴파일 시간 오류를..