반응형

typescript 8

TypeScript에서 제네릭 배열을 어떻게 정의합니까?

TypeScript에서 제네릭 배열을 어떻게 정의합니까? 다음과 같은 일반 인터페이스가 있다고 가정해 보겠습니다. interface Transform { transformer: (input: string, arg: ArgType) => string; arg: ArgType; } 그 다음에 이걸 여러 개 적용하고 싶습니다.Transform아주string이 배열을 어떻게 정의합니까?Transform라는 것을 증명하는.둘 다 동등합니다.Transform.transformer그리고.Transform.arg저는 다음과 같은 글을 쓰고 싶습니다. function append(input: string, arg: string): string { return input.concat(arg); } function repe..

programing 2023.07.15

TS 구성 JSX: 대응JSX 대 반응

TS 구성 JSX: 대응JSX 대 반응 React와 함께 Typescript를 사용하는 동안 지정해야 합니다.jsx에compilerOptions에tsconfig.json파일. 정말 그랬어요.preserve,react,react-native,react-jsx등을 허용 값으로 지정합니다. { "compilerOptions": { "jsx": "react-jsx" | "react" | "react-native" | "preserve" } } react그리고.react-jsx대부분 웹에 사용됩니다. 두 옵션의 차이와 어떤 옵션을 선택해야 하는지 이해하고 싶습니다. reactjsx를 로 변환합니다.React.createElement() react-jsxjsx를 로 변환합니다._jsx()그리고._jsxs() 또한 ..

programing 2023.07.10

오류에 관계없이 ts-node를 사용하는 방법은 무엇입니까?

오류에 관계없이 ts-node를 사용하는 방법은 무엇입니까? 개발할 때 ts-node에 문제가 좀 있습니다. 저는 테스트하고 싶은 것이 있어서, 아시다시피, 댓글은 저의 가장 친한 친구입니다.그러나 ts-node에서 다음 오류가 발생했습니다. 'foo' is declared but its value is never read 그러나 사용되지 않은 변수들은 실제로 테스트 후 코드에 유용하기 때문에 저는 이 변수들을 모두 언급하고 싶지 않습니다. 그래서, 다음과 같은 해결책이 있습니까?ts-node --please-let-me-work이러한 오류를 무시하는 것? 감사합니다 ;)ts-node을 가지고 있습니다.--transpile-only(또는)-T) 주장.모든 유형 오류를 무시하고 프로젝트를 빌드합니다. 이것..

programing 2023.07.05

생략을 사용하여 여러 속성을 succint 방식으로 생략하는 방법<>

생략을 사용하여 여러 속성을 succint 방식으로 생략하는 방법 사용 중인 다음 형식 정의에서Omit두 개의 속성을 제거하기 위해 두 번B정의.싱글만 사용할 수 있는지 알고 싶습니다.Omit하나의 샷에서 두 개 이상의 속성을 제거합니다. export type A = Readonly; export type B = Omit & Omit 첫 번째 유형 매개변수에서 유니언의 모든 구성요소를 제거하려면 두 번째 유형 매개변수로 유니언을 사용하면 됩니다. export type A = Readonly; export type B = Omit // Same as // type B = { // readonly x: number; // readonly y: number; // } 놀고언급URL : https://stack..

programing 2023.06.25

TypeScript로 check i18n 사전을 타이핑하는 방법은 무엇입니까?

TypeScript로 check i18n 사전을 타이핑하는 방법은 무엇입니까? react-i18 next 사전에 기존 키 확인을 타이핑할 수 있습니까?키가 존재하지 않을 경우 TS가 컴파일 시간 동안 경고를 표시하도록 합니다. 예. 다음과 같은 사전이 있다고 가정해 보겠습니다. { "footer": { "copyright": "Some copyrights" }, "header": { "logo": "Logo", "link": "Link", }, } 존재하지 않는 키를 제공하면 TS가 폭발합니다. const { t } = useTranslation(); { t('footer.copyright') } // this is OK, because footer.copyright exists { t('footer.l..

programing 2023.06.15

유형 스크립트에서 클래스 인스턴스를 내보내는 방법

유형 스크립트에서 클래스 인스턴스를 내보내는 방법 TS 라이브러리를 작성하고 있으며 클래스 인스턴스를 내보내고 싶습니다. 사용 애플리케이션에서 싱글톤으로 사용하려고 합니다. 현재 저는 다음과 같은 구조를 가지고 있습니다. index. export { Foo } from './my-class'; 풋스 export class Foo { functionA() {} } 그런 다음 웹팩과 바벨을 사용하여 UMD 형식으로 빌드하고 있으며, 다른 애플리케이션(Angular)에서는 클래스에서 가져와서 인스턴스화하고 그에 따라 사용할 수 있습니다. import { Foo } from 'foo'; private foo = new Foo(); const x = foo.functionA(); 제 수업의 인스턴스화된 인스턴스를..

programing 2023.06.10

제네릭을 사용한 타입스크립트 화살표 함수의 구문은 무엇입니까?

제네릭을 사용한 타입스크립트 화살표 함수의 구문은 무엇입니까? 타이프스크립트 핸드북에는 현재 화살표 기능이 없습니다.일반 함수는 일반적으로 다음 구문을 사용하여 입력할 수 있습니다. 예: function identity(arg: T): T { return arg; } 화살표 함수의 구문은 무엇입니까? 편집 @Thomas의 코멘트에 의하면, 새로운 TS 컴파일러에서는, 다음의 조작을 간단하게 실시할 수 있습니다. const foo = (x: T) => x; 원답 로빈이 언급한 구문을 설명하는 완전한 예시는... 나를 집으로 데려왔다: 범용 함수 다음과 같은 것이 올바르게 동작합니다. function foo(x: T): T { return x; } 그러나 화살표 일반 기능을 사용하면 다음이 수행되지 않습니다..

programing 2023.04.06

배열을 정렬하는 TypeScript

배열을 정렬하는 TypeScript 타이프 원고에서 마주친 아주 이상한 문제를 알아내려고 노력했어요.인라인 부울식을 완전한 식 대신 첫 번째 값의 유형이 무엇이든 취급하고 있었습니다. 따라서 다음과 같은 간단한 작업을 시도하면 다음과 같습니다. var numericArray:Array = [2,3,4,1,5,8,11]; var sorrtedArray:Array = numericArray.sort((n1,n2)=> n1 > n2); 먹어봐. 결과가 부울이 아닌 수치이기 때문에 파라미터가 콜타깃의 시그니처와 일치하지 않는다는 에러가 소트 메서드에 표시됩니다.n1>n2가 부울문이라고 확신하기 때문에 뭔가 부족한 것 같습니다.숫자 숫자를 정렬할 때 다음과 같은 콤팩트 비교를 사용할 수 있습니다. var nume..

programing 2023.03.12
반응형