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

Inflearn Community Q&A

uk2's profile image
uk2

asked

Learn React A-Z by following along [Reflecting version 19]

Creating a navigation bar component

nav className={`nav ${show && "nav__black"}`} 선언하는 부분에

Written on

·

474

·

Edited

0

강사님

className={`nav ${show && "nav__black"}`}

대신

className={show ? "nav__black" : "nav"}

하면 동작하지 않은데 왜 그런건가요?

이론상으론 의미가 비슷하지 않나요?

 

typescriptreduxreacttddNext.js

Answer 1

2

우선 하나의 class에는 여러개의 선택자를 넣을수가 있습니다

여기서 선택자란 nav와 nav__black입니다

위의 코드에선 nav은 이미 지정한 .nav에 의해 스타일링이 되고 만약 show가 true이면 nav__black선택자를 만들어져서 추가로 스타일링이 됩니다

 

아래의 코드는 show가 true이면 nav__black false이면 nav 이렇게 됩니다

uk2's profile image
uk2

asked

Ask a question