• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

navbar props.mode

20.06.21 01:35 작성 조회수 123

0

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

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

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

답변 2

·

답변을 작성해보세요.

0

김주현님의 프로필

김주현

질문자

2020.06.24

오! 감사합니다ㅎㅎ

0

NavBar.js 쪽에 보시면 

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


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

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