-
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
navbar props.mode
20.06.21 01:35 작성 조회수 123
0
현재 antd로 되어있는 navbar를 bootstrap으로 변경해보려고 하는데요!
로그인 전에는 상단 메뉴에 login이 존재하고 login후에는 사라지는 것을 하고싶은데
현재 RightMenu.js에 <Menu mode={props.mode}> 이 부분이 어떤걸 의미하는지 궁금합니다!
답변을 작성해보세요.
0
0
John Ahn
지식공유자2020.06.22
NavBar.js 쪽에 보시면
<LeftMenu mode="horizontal" />
<RightMenu mode="horizontal" />
<LeftMenu mode="inline" />
<RightMenu mode="inline" />
이렇게 mode props을 내려보내는걸 볼수가 있어요 ^^
반응형에 맞게 알맞은 mode props을 내려 보내는건데
화면이 큰 상태일때는 horizontal 을 내려보내며
화면이 작아질때는 햄버거 버튼이 보이면서 그걸 클릭하면 navbar가 오른쪽에서 티어나오잔아요 ㅎ
그렇게 될떄는 inline을 내려보내줍니다 ^^
답변 2