스타일드-component 스타일을 확장할 수 없을 때

스타일 확장 신나요 아아아아아아아아아!!!라며 "확장이 전혀 되지 않아 서두르면

이른바 스타일드-components

CSSinJS 편한 녀석(할애)

두 가지 스타일 확장

스타일드-components에서 구성 요소 확장 스타일을 계승할 수 있습니다.
예:

const StyledComponent = styled.div`
	color: tomato;
`

이 스타일d-component를 이렇게 확장할 수 있습니다.

const ExStyledComponent = styled(StyledComponent)`
	background-color: lime;
`

이걸 자주 사용하는 게 스타일드-components의 유파(적당함)

스타일드-components를 계승할 때

일반 React의 어셈블리를 상속할 경우

라는 두 가지 유형이 있다.
첫 번째는 위의 예에 문제가 없고, 두 번째는 구성 요소에 대해 약간의 손발이 필요하다.
styled-components에서className을 사용하여 스타일을 계승합니다.className 속성이 없으면 반영할 수 없습니다.
이렇게 되면,

const Button = ({className}) => {
	return <button className={className}>ボタン<button>
}

와 스쳐 지나가면 스타일 확장(추가) 가능!
이러면 너도 스타일드-components의 주인이야!
[참고 문헌・참고 보도 등]
스타일드-components에 대한 스타일 확장 - OPEN 8 과학 기술 블로그