修复了react-semantic-ui中的补充工具栏

Question

我在Sidebar中有一个react-semantic-ui，其中有一些链接到其他页面，导航菜单。 它的工作正常，只有在使用不同大小的侧边栏大小进行渲染时，不同的页面也会随之改变。我想修复侧边栏。这是我的代码：

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

您可能正在使用<Sidebar as={Menu}>而未在<Menu.Item>内实际使用任何<Nav >。 尝试在<Menu.Item>

中包装每个补充工具栏项目