npm 如何运行react-bootstrap-sidebar-menu?

fykwrbwg  于 2022-11-24  发布在  React
关注(0)|答案(1)|浏览(127)

我试着安装npm,但我在react-bootstrap-sidebar-menu的npm页面上的示例代码中不断出现错误。我还检查了GitHub repo和演示网站,我检查了解释代码,但没有任何结果!

import SidebarMenu from 'react-bootstrap-sidebar-menu';

<SidebarMenu>
  <SidebarMenu.Header>
    <SidebarMenu.Brand>
      {/* Your brand icon */}
    </SidebarMenu.Brand>
    <SidebarMenu.Toggle />
  </SidebarMenu.Header>
  <SidebarMenu.Body>
    <SidebarMenu.Nav>
      <SidebarMenu.Nav.Link>
        <SidebarMenu.Nav.Icon>
          {/* Menu item icon */}
        </SidebarMenu.Nav.Icon>
        <SidebarMenu.Nav.Title>
          {/* Menu item title */}
        </SidebarMenu.Nav.Title>
      </SidebarMenu.Nav.Link>
    <SidebarMenu.Nav/>
    <SidebarMenu.Sub>
      <SidebarMenu.Sub.Toggle>
        <SidebarMenu.Nav.Icon />
        <SidebarMenu.Nav.Title>
          {/* Submenu title */}
        </SidebarMenu.Nav.Title>
      </SidebarMenu.Sub.Toggle>
      <SidebarMenu.Sub.Collapse>
        <SidebarMenu.Nav>
          <SidebarMenu.Nav.Link>
            <SidebarMenu.Nav.Icon>
              {/* Submenu item icon */}
            </SidebarMenu.Nav.Icon>
            <SidebarMenu.Nav.Title>
              {/* Submenu item title */}
            </SidebarMenu.Nav.Title>
          </SidebarMenu.Nav.Link>
        </SidebarMenu.Nav>
      </SidebarMenu.Sub.Collapse>
    </SidebarMenu.Sub>
  <SidebarMenu.Body/>
</SidebarMenu>

正如你所看到的一些关闭标签是这样</SidebarMenu.Sub.Toggle>的。我改变了所有的标签像这样的东西<SidebarMenu.Sub.Toggle/>,我没有得到任何更多的错误,但我也看不到任何侧边栏菜单!
你们知道我该怎么做才能让它生效吗?

iklwldmw

iklwldmw1#

可能你需要导入这个包附带的.scss样式。遗憾的是我没有使用scss,所以我会放弃这个包。
@import 'react-bootstrap-sidebar-menu/dist/sidebar-menu.scss';

相关问题