Здесь я пытаюсь упростить мое имя начальной загрузки, используя точечную нотацию, но у меня много проблем с тем, чтобы моя навигация отображала разные страницы.
правильно ли я настраиваю свои маршруты? я правильно настраиваю переключатель? я правильно устанавливаю ссылку? и Как мне показать мой контент на разных страницах?
Я нашел большую часть информации здесь https://blog.pshrmn.com/simple-react-router-v4-tutorial/ Я попытался включить переключатель в App.js, чтобы помочь, и я попытался ввести
HeaderNav
<>
<Nav
activeKey="/home"
onSelect={selectedKey => alert(`selected ${selectedKey}`)}
>
<Nav.Item>
<Nav> <Link to "/home">home</Link> Active </Nav>
</Nav.Item>
<Nav.Item>
<Nav.Link eventKey="link-1">Link</Nav.Link>
</Nav.Item>
<Nav.Item>
<Nav.Link eventKey="link-2">Link</Nav.Link>
</Nav.Item>
<Nav.Item>
<Nav.Link eventKey="disabled" disabled>
Disabled
</Nav.Link>
</Nav.Item>
</Nav>
</>
main.js
const Main = () => (
<main>
<Switch>
<Route exact path="/home" component={Home} />
<Route path="/about" component={Roster} />
<Route path="/more" component={Schedule} />
</Switch>
</main>
);
export default Main;
App.js
const App = () => (
<>
<>
<HeaderNavigation className="body" />
<Main />
</>
<Jumbotron fluid>
<h1 className="header">Welcome To React-Bootstrap</h1>
</Jumbotron>
<Jumbotron fluid>
<Form className="header" />
</Jumbotron>
<Body className="body" />
</>
);
export default App;