我有新的反应,我想创建一个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>