react-bootstrap：没有 NavItem 的导航？

Posted 2023-03-06

【中文标题】react-bootstrap：没有 NavItem 的导航？

【英文标题】：react-bootstrap: Nav without NavItem?

【发布时间】：2017-06-16 22:16:21

【问题描述】：

也许我只是愚蠢或偏见，但我真的很不喜欢NavItem。它是一个 <a> 包裹在 <li> 中的事实强制执行了许多我不想遵守的规则。我只想使用 Bootstrap 样式创建自己的导航栏，但使用我自己的元素，例如 <Button>、<ButtonGroup>，可能是不可点击的图像甚至是搜索框。

这让我想到了我的问题：摆脱NavItem 并获得（某种程度上）正确样式、有序的元素的最简单方法是什么？

如果我只是将<li><Button>...</Button></li> 放在<Nav> 中，它会抱怨<li> 不期望的属性。我尝试用我自己的<ul> 替换<Nav>，同时复制它的所有属性，但它仍然无法正常工作。我想，像这样玩耍最终会奏效，但将来很容易坏掉，因为我不尊重Navbar 的一些设计考虑。

Navbar 是否只能与<Nav> 和链接一起使用？如果我想在我的酒吧中使用非元素，我是否必须从头开始做整个事情？一定有更好的解决方案...？

【参考方案1】：

我认为您发现制作组件或更改引导组件更容易，并且