반응 측면에서 고정 사이드 바

Question

다른 페이지, 탐색 메뉴로 연결되는 react-semantic-ui에 Sidebar이 있습니다. 다른 크기의 사이드 바 크기로 렌더링 할 때 페이지가 변경 될 때에 만 문제가 없습니다. 사이드 바를 고정시키고 싶습니다. 여기 내 코드는 다음과 같습니다.

return (
    url !== '/auth' && (
    <div> 
     <Header /> 
     <Button secondary onClick={this.toggleVisibility}> 
     منو{' '} 
     </Button> 
     <Segment> 
     <Sidebar.Pushable as={Segment}> 
      <Sidebar 
      as={Menu} 
      animation="push" 
      width="wide" 
      direction="right" 
      visible={visible} 
      icon="labeled" 
      vertical 
      inverted 
      > 
      <Nav {...{ navLinks }} /> 
      </Sidebar> 
      <Sidebar.Pusher> 
      <div>{navLinks.map(renderNavLink)}</div> 
      <BlockerModal /> 
      </Sidebar.Pusher> 
     </Sidebar.Pushable> 
     </Segment> 
    </div> 
) 

어떻게 사이드 바를 고정시키고 네비게이션의 크기를 바꿀 수 있습니까?

Answer 1

<Nav > 안에 실제로 <Menu.Item>을 사용하지 않고 <Sidebar as={Menu}>을 실제로 사용하고 있습니다. 각 사이드 바 항목을 줄 바꿈하여보십시오 <Menu.Item>