본 내용은 Nomad Coders - React JS 마스터클래스 강의를 토대로 작성하였습니다.
Themes & TypeScript
- styled-components 모듈에 theme에 대한 타입을 추가
- 자동완성 기능
- 일관적인 테마 정의
styled.d.ts 정의하기
- d.ts 파일 : 선언 파일
- styled-components의 Definitely Typed 에서 비어있는 DefaultTheme 인터페이스를 정의하기
import 'styled-components';
// styled Components 테마 정의 확장
declare module 'styled-components' {
export interface DefaultTheme {
backgorundColor: string;
textColor: string;
}
}Reference
'programming study > React' 카테고리의 다른 글
| React Router Dom(1) (0) | 2022.07.21 |
|---|---|
| React & TypeScript (0) | 2022.07.19 |
| Styled Components(3) (0) | 2022.07.08 |
| Styled Components(2) (0) | 2022.07.07 |
| Styled Components(1) - 개요, 스타일링 방법, 동적 스타일링, 컴포넌트 확장 (0) | 2022.07.06 |