我有新的反应,我想创建一个SPA . 现在我有几个组件:主页,关于,团队,联系人和导航栏 . 正如我所说,我希望它是SPA,现在,这些部分在不同的页面中,我如何在一个页面中制作它们?我使用Navbar,Navbar.Header,Nav,Navbar.Collapse,带有“ComponentClass”“href”的NavItem和导航栏组件的“属性”,以及App组件的路由器和路由 . 谁知道我应该怎么做?
导航条形码:
<Navbar default collapseOnSelect>
<Navbar.Header>
<Navbar.Brand>
<Link to="/">Scoot Smart Lock</Link>
</Navbar.Brand>
<Navbar.Toggle/>
</Navbar.Header>
<Navbar.Collapse>
<Nav pullRight>
<NavItem eventKey={1} ComponentClass={Link} href="/" to="/">
<span className="navItem">Home</span>
</NavItem>
<NavItem eventKey={2} ComponentClass={Link} href="/about" to="/about">
<span className="navItem">About</span>
</NavItem>
<NavItem eventKey={3} ComponentClass={Link} href="/team" to="/team">
<span className="navItem">Team</span>
</NavItem>
<NavItem eventKey={4} ComponentClass={Link} href="/contact" to="/contact">
<span className="navItem">Contact</span>
</NavItem>
</Nav>
</Navbar.Collapse>
</Navbar>