navbar props.mode

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

2020. 06. 20. 16:35 작성

183

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

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

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

답변 2

질문자

2020. 06. 23. 23:45

오! 감사합니다ㅎㅎ

지식공유자

2020. 06. 22. 01:08

NavBar.js 쪽에 보시면

<LeftMenu mode="horizontal" />

<RightMenu mode="horizontal" />

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

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

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

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