@catherine_wintheiser
Для перехода на другую страницу в React можно использовать React Router.
- Установите React Router с помощью npm или yarn:
1
2
3
|
npm install react-router-dom
или
yarn add react-router-dom
|
- Создайте компоненты для каждой страницы, которую вы хотите отобразить. Например:
1
2
3
4
5
6
7
8
9
10
11
|
import React from 'react';
function Home() {
return (
Home
);
}
export default Home;
|
- Оберните весь ваш код в компонент BrowserRouter, чтобы использовать роутинг. Например:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './Home';
import About from './About';
function App() {
return (
);
}
export default App;
|
- Добавьте ссылки на страницы с помощью Link компонента. Например:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
import React from 'react';
import { Link } from 'react-router-dom';
function Header() {
return (
Home
About
);
}
export default Header;
|
Теперь, когда пользователь кликает на ссылку, он будет перенаправлен на соответствующую страницу.