인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

reppi07님의 프로필 이미지
reppi07

작성한 질문수

Slack 클론 코딩[실시간 채팅 with React]

질문있습니다.

작성

·

116

0

emotion으로 한 styled component에 있는 값을 바꿀 수 있나요?
예를들어,

index.tsx파일에서 아래와 같이 style.tsx파일에 있는 내용에 접근해서 z-index값을 바꿀 수 있나요?

export const
Aside = styled.div`
z-index: 0;
`;



답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

z-index: ${(props) => props.zIndex};

이런 식으로 만들면 Aside에서 zIndex라는 prop으로 값을 전달할 수 있습니다.

reppi07님의 프로필 이미지
reppi07
질문자

감사합니다

reppi07님의 프로필 이미지
reppi07

작성한 질문수

질문하기