Панель навигации для SPA с использованием REACT.js - PullRequest
Новая
       7

Панель навигации для SPA с использованием REACT.js

0 голосов
/ 30 августа 2018

Я новичок в реакции, и я хочу создать SPA. Теперь у меня есть несколько компонентов: Дом, О нас, Команда, Контакт и панель навигации. Как я уже сказал, я хочу, чтобы это был SPA, на данный момент разделы находятся на разных страницах. Как я могу сделать их на одной странице? Я использовал Navbar, Navbar.Header, Nav, Navbar.Collapse, NavItem с «ComponentClass» «href» и «атрибуты» для компонента панели навигации, и Маршрутизатор и Маршрут для Компонента Приложения. Кто-нибудь знает, что мне делать?

Штрих-код для навигации: 

            <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>
...