大家好，我是reactjs的新手，我在使用bootstrap navbar实现路由时遇到了一些困难。下面是我为我的示例react应用程序创建的页面。好心的人请帮助我如何修改路由文件，以便我可以轻松路由与其他菜单选项在导航栏。/navBar');
ReactDOM.render(<Navbar/>,document.getElementById('
浏览 14提问于2017-02-14得票数 3
试图实现反作用-引导组件。我也使用了反应路由器。我正在尝试实现Navbar组件。 return (
浏览 0提问于2016-08-06得票数 0
回答已采纳
2回答
错误呈现-引导组件
、、、
最近，我从在react类中使用twitter引导程序迁移到使用from引导。';import * as bootstrap from "react-bootstrap";
警告: React.createElement: type不应为空、未定义、布尔或
浏览 1提问于2016-04-21得票数 5
我尝试使用<MenuItem component={ Link } to="/editProfile">，但它似乎不起作用。我也尝试过用链接标签包装MenuLink的周围，但它也不起作用。import{ RiMenu3Line, RiCloseLine } fr
浏览 13提问于2022-11-27得票数 1
回答已采纳
我正在尝试使用next.js，当我将一个导航条组件导入到我的_app.tsx并运行该项目时，它会给我一个错误，说“不能在模块之外使用导入语句”。但这并不发生在香草的反应中。我所做的就是在components文件夹中制作了Navbar组件。navbar.tsx
function NavigationBar(): JSX:Element {&#x
浏览 9提问于2022-09-06得票数 0
2回答
这里我使用Reactjs中的bootstrap navbar组件创建了一个导航栏。<Navbar collapseOnSelect expand="lg"> <Navbar.Brand to={"/"}>Rental</Navbar.Brand><Navbar.Toggle aria-controls=&
浏览 18提问于2021-10-10得票数 2
回答已采纳
1回答
this.handleFreeEstimateEmail.bind(this);} handleClick = () => { pathname: '/pagename',
浏览 2提问于2019-07-14得票数 1
回答已采纳
我已经使用npx create-react-app创建了一个react应用程序。我正在使用React路由器来控制路由。我需要能够从我的props.location.search组件中访问Navbar。但是，由于Navbar不是Route的后代，所以location属性不会自动传递给Navbar。如何获得该属性并将其传递给Navbar中的App.js
/&
浏览 3提问于2020-09-07得票数 1
回答已采纳
1回答
我有一个问题，理解如何使用反应路由器的路由和网页，我学习了反应的原则和工作的工作岗位上的24种方式目前。我面临的问题是导入组件的能力。} );}
一直在搜索和无法找到这个问题的解决方案，想要使用的反应-路由器和反应，但它目前似乎不可行，如果这是不可能的。根据我对react的理解，在彼此之间构建和重用组件的能力是可能的。下面是navbar<
浏览 2提问于2016-01-15得票数 2
如何使用react-router-bootstrap链接到另一个react组件？我需要先用react-router设置我的路由吗？我不知道如何使用react -router-bootstrap的LinkContainer将NavItem路由到单独的react组件。
import React, { Compon
浏览 2提问于2016-12-02得票数 2
回答已采纳
正在尝试获取网页以呈现Resources.js组件。但是，唯一改变的是url路由()。主页组件保留在屏幕上，并且永远不会被资源组件替换。我已经尝试使用Nav.Item标记而不是Nav.Link标记。我也尝试过使用链接容器来包装Nav.Link和Nav.Item，但不起作用。, withRouter, Link } from 'react-router-dom';
import Nav from 'react-<
浏览 10提问于2020-09-30得票数 1
回答已采纳
4回答
I使用的是反应性路由器-dom的v4<Navbar brand='Fuzic' href="/" className="orange darken-3" right>
<NavItem className={this.matchLink to="/devices">Interrupts&
浏览 9提问于2017-06-15得票数 10
回答已采纳
对于使用react-router的应用程序，我正在尝试使用react-bootstrap的NavItem创建外部链接。选中后，NavItem不会将我带到在其href属性中定义的地址。据我所知，导航路由需要使用Link/LinkContainer组件，但不能用于外部链接。
如何使用NavItems实现外部链接？<Navbar inverse collapseOnSel
浏览 4提问于2017-01-26得票数 1
3回答
我一直试图路由到不同的网页，在我的反应网站，但由于某种原因，整个网页上的空白，一旦我添加任何路由。我正在使用npm并响应引导。import 'react-bootstrap/dist/react-bootstrap.min.js';
import { BrowserRouter as Routerfrom &qu
浏览 13提问于2022-04-24得票数 0
我的App.js中设置了一个路由器，如下所示：import { BrowserRouter as Router, Route, Switch, Redirect组件设置如下：import { NavLink, withRouter } from 'react-router-dom&
浏览 9提问于2020-05-24得票数 4
回答已采纳
当我将以下代码用于没有任何链接的导航栏时，React启动正常并显示导航栏。function Nav() { <Navbar bg="light" variant="light"> <Navbar.Brandhref="#home">Navbar</Navbar.Brand>
</C
浏览 3提问于2021-11-11得票数 0
import Navbar from 'react-bootstrap/Navbar'importNav from 'react-bootstrap/Nav'
return (
浏览 0提问于2021-11-09得票数 1
回答已采纳
因此，我使用LinkContainer组件从react路由器-引导包我的Nav.Link组件从引导。请参考下面的图片。// Snippet &l
浏览 2提问于2021-11-24得票数 0
回答已采纳
2回答
我正在学习react引导，我在终端npm中写到--引导引导。我得到了这个代码:但是它没有显示出来，我也没有发现任何错误。我做错了什么？import {Container, Nav} from "react-bootstrap";
return( <Container
浏览 7提问于2022-11-10得票数 1
1回答
<---------------------------------------- HERE </Router>导航在所有组件中都使用，所以我在App.js中添加了该组件。当然，这个组件没有连接到它的路由。但是：Navigation.js
import React from
浏览 6提问于2021-02-26得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
