inflearn logo
강의

講義

知識共有

手を動かしながら学ぶReact A to Z [19バージョン反映]

ナビゲーションバーコンポーネントを作成する

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

538

uk2

投稿した質問数 15

0

강사님

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

대신

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

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

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

 

typescript redux react tdd Next.js

回答 1

2

imuchgabis3999

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

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

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

 

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

강의 소스 코드 압축 풀기 오류

0

86

1

런타임 에러 ㅠㅠ

0

102

1

강의대로 따라갔는데 에러보다 api키로 들어간 넷플릭스? 그런게 렌더링 되지 않습니다 ㅠ

0

112

1

안녕하세요 개발과 상관없는 질문입니다만

0

121

1

리액트 라우터 관련

0

111

1

react-beatiful-dnd에서 문제가 발생합니다.

0

108

1

react19에서는 react-beautiful-dnd가 설치되지 않습니다.

0

823

1

useEffect로 사용을 해도 되나요?

0

206

1

넷플릭스 오리지널 제외하고 슬라이드가 동작을 안합니다.

0

200

1

react 19의 useActionState가 더이상 isPending은 지원하지 않는 듯합니다

0

287

2

리액트 dockderfile 작성 시 COPY 질문

0

154

1

next.js에서부터는 react query 필요없는지

0

325

1

기능

0

202

1

오류가 안보여요

0

202

1

CSS

0

222

1

local storage

0

217

1

list컴포넌트 생성하기

0

226

1

검색어 입력 후 초기화하는 방법 궁금합니다!

0

340

1

Banner.css에 대해서

0

459

1

플러그인이 추천을 안해줍니다

0

328

1

마이너스버튼 테스트

0

281

2

리액트 서버 실행 오류

0

1165

2

오류메세지는 확인했는데 어떻게 고쳐야 할지 모르겠습니다 ㅠ

0

302

1

creactStore질문이요

1

289

2