reactjs - 为什么这个反应示例中没有显示菜单?
问题描述
我从反应引导程序中获取了 NavBar 示例并尝试运行,但它不会呈现。
任何想法,都没有运行时错误,所以我有点难过。
解决方案
function Header() {
return (
<Header>
<Navbar bg="light" expand="lg">
<Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
<Navbar.Toggle aria-controls="basic-navbar-nav" />
<Navbar.Collapse id="basic-navbar-nav">
<Nav className="mr-auto">
<Nav.Link href="#home">Home</Nav.Link>
<Nav.Link href="#link">Link</Nav.Link>
<NavDropdown title="Dropdown" id="basic-nav-dropdown">
<NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
<NavDropdown.Item href="#action/3.2">
Another action
</NavDropdown.Item>
<NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
<NavDropdown.Divider />
<NavDropdown.Item href="#action/3.4">
Separated link
</NavDropdown.Item>
</NavDropdown>
</Nav>
</Navbar.Collapse>
</Navbar>
</Header>
);
}
您正在使用Header
内部的组件,这会创建一个无限循环。
推荐阅读
- javascript - 如何在谷歌浏览器控制台中“另存为”截断输出
- c++11 - 为什么 std::bind 在按值传递时会复制两次?
- javascript - 如何异步对数据数组运行 mocha 测试?
- css - 如何从加载的网页中找到 CSS 模式并将其删除
- python - SQLAlchemy ORM:无效的集合
- reactjs - 更新firestore中数组字段内的对象
- python - 需要帮助从网站上抓取特定的 div 元素并将它们导出为 CSV
- ios - SwiftUI 项目不提供代码高亮或代码完成(自动完成)
- javascript - 检查字符串的最后一个字符是否是Javascript中的元音
- mysql - Web App 的订阅数据库:如何确定到期日期?