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

김주현님의 프로필 이미지
김주현

작성한 질문수

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

navbar props.mode

작성

·

164

0

현재 antd로 되어있는 navbar를 bootstrap으로 변경해보려고 하는데요!

로그인 전에는 상단 메뉴에 login이 존재하고 login후에는 사라지는 것을 하고싶은데

현재 RightMenu.js에 <Menu mode={props.mode}> 이 부분이 어떤걸 의미하는지 궁금합니다!

답변 2

0

김주현님의 프로필 이미지
김주현
질문자

오! 감사합니다ㅎㅎ

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

NavBar.js 쪽에 보시면 

<LeftMenu mode="horizontal" />
<RightMenu mode="horizontal" />
<LeftMenu mode="inline" />
<RightMenu mode="inline" />


이렇게  mode props을 내려보내는걸 볼수가 있어요 ^^ 

반응형에 맞게 알맞은 mode props을 내려 보내는건데  
화면이 큰 상태일때는   horizontal 을  내려보내며 
화면이 작아질때는  햄버거 버튼이 보이면서 그걸 클릭하면 navbar가 오른쪽에서 티어나오잔아요 ㅎ 
그렇게 될떄는 inline을 내려보내줍니다 ^^ 

김주현님의 프로필 이미지
김주현

작성한 질문수

질문하기