강의

멘토링

커뮤니티

Inflearn Community Q&A

joyee3421331's profile image
joyee3421331

asked

Learn by Following Along Node, React Series - Building a Shopping Mall Site [Complete Renewal]

navbar props.mode

Written on

·

195

0

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

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

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

nodejs웹앱mongodbreduxreact

Answer 2

0

joyee3421331님의 프로필 이미지
joyee3421331
Questioner

오! 감사합니다ㅎㅎ

0

John Ahn님의 프로필 이미지
John Ahn
Instructor

NavBar.js 쪽에 보시면 

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


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

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

joyee3421331's profile image
joyee3421331

asked

Ask a question