@dayna В React.js для перехода между страницами обычно используется библиотека React Router. Следуйте этим шагам, чтобы настроить маршрутизацию в вашем приложении:
- Установите React Router, используя npm или yarn:
1
|
npm install react-router-dom или yarn add react-router-dom
|
- Импортируйте необходимые компоненты из React Router:
1
|
import { BrowserRouter as Router, Switch, Route, Link } from "react-router-dom";
|
- Оберните ваше приложение в компонент Router:
1
|
<Router> {/* ваше приложение */} </Router>
|
- Определите пути и соответствующие компоненты, которые должны быть отображены при переходе по этим путям, используя компоненты Route:
1
2
3
4
5
6
7
8
9
10
11
|
<Switch>
<Route exact path="/">
<HomePage />
</Route>
<Route path="/about">
<AboutPage />
</Route>
<Route path="/contact">
<ContactPage />
</Route>
</Switch>
|
- Используйте компонент Link для создания ссылок на различные пути:
1
2
3
|
<Link to="/">Home</Link>
<Link to="/about">About</Link>
<Link to="/contact">Contact</Link>
|
После этих шагов ваше приложение должно переходить между страницами при нажатии на ссылки, созданные с помощью компонента Link.