问题标签 [react-bootstrap-nav]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 无法在 NavDropDown 上正确应用 css
我正在尝试使用将下拉列表添加到我的标题中react-bootstrap
代码看起来像这样
关联的CSS
这真的很奇怪。我无法更改分隔线的颜色和大小,下拉列表中的项目都在同一行,而不是一个在另一个之下,并且在我应用 css 时它很快就会出现。还没有什么花哨的但是,这很烦人,因为我无法在下拉框周围的盒子上添加圆角和阴影......感觉没有一个 css 正常工作。在我的代码的所有其他部分中,它都有效。仅在使用时Nav
它应该是这样的:
但它看起来像这样:
箭头未正确放置,菜单打开不在正确的一侧,分隔线未使用正确的颜色..
我还在index.js
这是一个沙盒链接:SandBoxCode
绝对需要你的帮助
谢谢大家
javascript - React-Bootstrap 导航按钮问题
我正在使用 React-Bootstrap 响应式导航栏。我想更改汉堡按钮的颜色或更改整个按钮。我怎样才能改变它?
html - 引导导航栏不缩回
大家好,所以我的引导导航栏有问题。它只是不收回。它可以在我的主页上运行,一切都是功能性的,但不适用于我的“辅助页面”。它与 index.php 中的预期完全相同<li>
。
这是代码:
javascript - 使用反应发送值属性中的对象
在我的选择框中处理 onChange 事件时,我需要能够发送两个值,但是我不确定这样做的方法,因为它们当前是作为字符串发送的。我正在使用 react-bootstrap 进行反应。
reactjs - 路由与导航栏下拉项 React react-bootstrap 中的链接 platform/:id 保持相同
每次选择导航栏下拉项时,我都想实现 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:
reactjs - Reach-Router 和 React-Bootstrap 导航栏
我试图把这些东西放在一起,但没有正确地工作。
添加React-Bootstrap 导航栏会带来一个漂亮的视图,但如果我按下按钮,视图会重新呈现。
按下导航按钮之一总是会在短时间内显示“未呈现”文本,直到加载正确的一侧。
这很烦人。我预计单个应用程序页面会保持在前台。
有人知道如何避免重新渲染 App.js 吗?
谢谢,马库斯
reactjs - React-Bootstrap 中的“TypeError:_camelize.default 不是函数”
使用来自以下的预构建组件:
- https://react-bootstrap.github.io/components/navs/
- 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 - React Boostrap 4 css模块未应用于导航栏
我在尝试更改导航栏颜色时遇到问题。我是否缺少任何步骤?
这是我要渲染的组件:
这是 CSS 模块
这是我对项目的 package.json 中的依赖项:
当我导入 index.js 时,bootstrap 正在被应用...
reactjs - 当下拉项链接处于活动状态时,NavDropdown 选项卡未设置为活动状态(react-bootstrap)
我对 Typescript 还是很陌生,并且做出反应,不幸的是不明白我做错了什么。我有一个带有 NavDropdown 的标签样式导航。不幸的是,下拉列表是选择一个下拉列表之一时唯一无法获得活动类的选项卡。我已经看到有些人遇到了这个问题并且可以以某种方式解决它,但在我的情况下我找不到解决方法。谁能帮我?
目前我的导航看起来像这样: