javascript - React-bootstrap:没有 NavItem 的导航？

Question

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

这引出了我的问题:摆脱 NavItem 最简单的方法是什么？并获得(某种程度上)样式正确、有序的元素？

如果我简单地输入 <li><Button>...</Button></li>在<Nav> ，它提示 <li> 不期望的属性。我尝试替换 <Nav>与我自己的<ul>虽然复制了它的所有属性，但效果仍然不佳。我想，像这样玩弄最终会起作用，但将来很容易崩溃，因为我不尊重 Navbar 中的一些内容。的设计考虑。

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

Answer 1

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