클래스처럼, 인터페이스들도 확장(extend)이 가능합니다. 이는 한 인터페이스의 멤버를 다른 인터페이스에 복사하는 것을 가능하게 해주는데, 인터페이스를 재사용성 높은 컴포넌트로 쪼갤 때, 유연함을 제공해줍니다.
interface Pet {
name: string;
age: number;
}
interface Tory extends Pet {
breed: string;
}
interface Plants extends Pet {
type: string;
}
const value: Plants = {
name: 'trav',
age: 2,
type: 'cactus',
};
인터페이스는 아래 코드처럼 여러 인터페이스를 확장할 수 있어, 모든 인터페이스의 조합을 만들어낼 수 있습니다. ','로 추가해줍니다.
interface Pet {
name: string;
age: number;
}
interface Family {
count: number;
}
interface Home extends Pet, Family {
address:number;
}
const value: Home = {
name: 'trav',
age: 2,
count: 5,
address: 'seoul',
};
[TypeScript] unknown any 차이 (0) | 2022.05.10 |
---|---|
[TypeScript] The left-hand side of an arithmetic operation must be of type ‘any’ ‘number’ or an enum type (TS2363) (0) | 2022.05.03 |
[TypeScript] setStateAction typing (0) | 2022.04.27 |
[React, TypeScript] CRA React TypeScript 절대경로 설정하기 (0) | 2022.02.01 |