我试着安装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/>,我没有得到任何更多的错误,但我也看不到任何侧边栏菜单!
你们知道我该怎么做才能让它生效吗?
1条答案
按热度按时间iklwldmw1#
可能你需要导入这个包附带的
.scss
样式。遗憾的是我没有使用scss,所以我会放弃这个包。@import 'react-bootstrap-sidebar-menu/dist/sidebar-menu.scss';