CSSTransition with emotion

이짜젠·2023년 2월 13일
0

CssTransition의 props인 classNames에는 각 transition stage(appear, enter, and exit)별로 적용시킬 스타일의 class나 id를 넘겨주어야 한다.
emotion과 함께 사용하기 위해선, emotion css 가 최종적으로 생성하는 class명이 필요하다.

그러나, emotion css가 제공하는 css method는 return type이 string이 아닌 SerializedStyled이다.

ClassName 컴포넌트를 활용하면 emotion css가 생성하는 클래스이름을 얻을 수 있다.

profile
오늘 먹은 음식도 기억이 안납니다. 그래서 모든걸 기록합니다.

0개의 댓글