목록defaultProps (1)

bravo my life!

[React][TypeScript] styled-components defaultProps 사용하기(feat. 타입지정)

1. 개요 리액트와 자바스크립트로는 손쉽게 했던 styled-components defaultProps 사용이 타입스크립트에서는 복잡한 느낌이 들어 기록을 위해 포스팅 한다. 2. styled-components에서 defaultProps는 왜 사용할까? defaultProps라는 이름에서 유추할 수 있듯이 CSS를 부모요소에서 props로 전달받기 위해 사용한다. 기본값을 정해 두고 부모요소에서 CSS를 변경할 수 있는 기능인데, 컴포넌트화를 하려 한다면 사용해보자. 가령, 부모요소에 같은 컴포넌트가 여러개 있다고 가정을 하고 각각 CSS를 다르게 적용하고 싶은 상황이 있을 것인데 바로 그럴 때 사용하면 좋은 기능이다. defaultProps로 background: black을 지정한 뒤 styled ..
Framework || Library/React.js 2022. 8. 5. 15:06
이전 Prev 1 Next 다음