작성한 질문수
따라하며 배우는 리액트 A-Z[19버전 반영]
네비게이션 바 컴포넌트 생성하기
22.12.21 11:17 작성
·
442
수정됨
0
강사님
className={`nav ${show && "nav__black"}`}
대신
className={show ? "nav__black" : "nav"}
하면 동작하지 않은데 왜 그런건가요?
이론상으론 의미가 비슷하지 않나요?
답변 1
2
2022. 12. 22. 02:16
우선 하나의 class에는 여러개의 선택자를 넣을수가 있습니다
여기서 선택자란 nav와 nav__black입니다
위의 코드에선 nav은 이미 지정한 .nav에 의해 스타일링이 되고 만약 show가 true이면 nav__black선택자를 만들어져서 추가로 스타일링이 됩니다
아래의 코드는 show가 true이면 nav__black false이면 nav 이렇게 됩니다