问题标签 [react-bootstrap-nav]

我正在尝试使用将下拉列表添加到我的标题中react-bootstrap

代码看起来像这样

关联的CSS

这真的很奇怪。我无法更改分隔线的颜色和大小，下拉列表中的项目都在同一行，而不是一个在另一个之下，并且在我应用 css 时它很快就会出现。还没有什么花哨的但是，这很烦人，因为我无法在下拉框周围的盒子上添加圆角和阴影......感觉没有一个 css 正常工作。在我的代码的所有其他部分中，它都有效。仅在使用时Nav

它应该是这样的：

但它看起来像这样：

箭头未正确放置，菜单打开不在正确的一侧，分隔线未使用正确的颜色..

我还在index.js

这是一个沙盒链接：SandBoxCode

绝对需要你的帮助

谢谢大家

我正在使用 React-Bootstrap 响应式导航栏。我想更改汉堡按钮的颜色或更改整个按钮。我怎样才能改变它？

大家好，所以我的引导导航栏有问题。它只是不收回。它可以在我的主页上运行，一切都是功能性的，但不适用于我的“辅助页面”。它与 index.php 中的预期完全相同<li>。

这是代码：

在我的选择框中处理 onChange 事件时，我需要能够发送两个值，但是我不确定这样做的方法，因为它们当前是作为字符串发送的。我正在使用 react-bootstrap 进行反应。

每次选择导航栏下拉项时，我都想实现 link= /platform/:id 。相反，我得到 /platform/:id/platform:id

Header.js 的代码：

App.js 中 /platform/:id 的路由：

What i want to achieve: http://localhost:3000/platform/xboxone , when the xboxone is selected http://localhost:3000/platform/xbox360, when xbox360 is selected right after the xboxone

What i get currently: http://localhost:3000/platform/xboxone , when the xboxone is selected http://localhost:3000/platform/platform/xbox360, when xbox360 is selected right after the xboxone

请帮忙谢谢！

编辑：所以，正如我所说，每当我选择 Nav.Dropdown.Item 时，我都会得到结果，例如：如果我选择 Nav.Dropdown.Item playstation3，它会转到 http://localhost:3000/platform/playstation3，其中我需要什么。

现在，在 http://localhost:3000/platform/playstation2 之后，如果我选择另一个 Nav.Dropdown.Item playstation2，它将转到 http://localhost:3000/platform/playstation3/platform/playstation2

instead i want to go to http://localhost:3000/platform/playstation2, whenever another nav dropdown item is selected.

HomeScreen.js：

我试图把这些东西放在一起，但没有正确地工作。

添加React-Bootstrap 导航栏会带来一个漂亮的视图，但如果我按下按钮，视图会重新呈现。

按下导航按钮之一总是会在短时间内显示“未呈现”文本，直到加载正确的一侧。

这很烦人。我预计单个应用程序页面会保持在前台。

有人知道如何避免重新渲染 App.js 吗？

谢谢，马库斯

使用来自以下的预构建组件：

1. https://react-bootstrap.github.io/components/navs/
2. https://react-bootstrap.github.io/components/navbar/

我正在尝试构建导航栏，但出现以下错误：

这不是这个项目中第一次使用 react-bootstrap 组件——其他的都很好。问题开始于这些组件（Navbar 和 Nav）的使用。

据我所知，我的index.jsx（来自：https ://react-bootstrap.github.io/getting-started/introduction/ ）中有所有必要的 JS：

以及我的必要脚本index.html（来自：https ://react-bootstrap.github.io/getting-started/introduction/#browser-globals ）：

代码：

所以我不知道这个错误发生在哪里？我在某处缺少 js 文件吗？

当视口大小减小时，我希望导航栏内容在右侧打开

正如您在单击切换时看到的那样，内容占据了我希望它作为左侧边栏打开的整个位置。这是代码：

提前致谢！

我在尝试更改导航栏颜色时遇到问题。我是否缺少任何步骤？

这是我要渲染的组件：

这是 CSS 模块

这是我对项目的 package.json 中的依赖项：

当我导入 index.js 时，bootstrap 正在被应用...

我对 Typescript 还是很陌生，并且做出反应，不幸的是不明白我做错了什么。我有一个带有 NavDropdown 的标签样式导航。不幸的是，下拉列表是选择一个下拉列表之一时唯一无法获得活动类的选项卡。我已经看到有些人遇到了这个问题并且可以以某种方式解决它，但在我的情况下我找不到解决方法。谁能帮我？

目前我的导航看起来像这样：