타입을 유니온으로 만들어서 ts로 만들고 해당 타입을 다른곳에서 import해서 쓸때 타입을 일부만 쓰고 싶습니다.
BadgeTypes.ts
type BadgeTypes = | "ing" | "d-day" | "end" | "vq" | "new" | "hot" | "pick" | "start" | "pass" | "test";
components.tsx
import type { BadgeTypes } from './BadgeTypes';
//여기서 | "ing" | "d-day" | "end" 이렇게 3가지만 쓰고 싶다면 어떻게 사용하는게 좋을가요?
답변 2
2
안녕하세요 이정환입니다.
질문자님께서 이미 정답을 찾으셨군요!
맞습니다 다음과 같이 T로부터 K만 추출하는 유틸리티 타입인 Extract 타입을 이용하시면 됩니다!
type tBadgeType = Extract<BadgeTypes, "new" | "hot" | "pick">;강의 커리큘럼 관련 질문입니다.
0
72
1
61강(Context API)에서 TodoStateContext 질문
0
79
2
ReturnType에서 any와 never 사용의 차이가 있나요?
0
84
2
reject로 전달되는 값(거부 이유)의 타입과 타입 가드
0
101
2
리액트 타입스크립트 설정 시 에러
0
91
1
인덱스드 엑세스타입 실무질문
0
70
2
모든 ts파일이 컴파일 되지 않습니다.(해결됨.)
0
144
4
핸드북 light/dark mode 관련 이슈가 있는 것 같습니다.
0
85
1
제네릭 클래스 핸드북 페이지가 undefined라고 나옵니다.
0
88
2
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
96
2
outDir 옵션 추가 후 컴파일 오류 질문
0
220
1
호출 시그니처 질문
0
147
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
152
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
124
1
할인쿠폰 관련하여
0
260
2
프론트엔드에서의 인터페이스활용
0
163
2
안녕하세요 이정환님!
0
136
1
Node.js 설치에 관한 질문입니다.
0
151
2
함수 타입 호출 시그니처
0
119
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
119
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
185
4
마우스 호버 시 정보
0
157
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
132
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
159
2