Что такое React Router?

React Router — это библиотека, которая добавляет маршрутизацию в приложения React, обеспечивая плавные переходы между компонентами. Это позволяет разработчикам создавать многостраничные приложения с динамическим контентом. Основные компоненты React Router, такие как <BrowserRouter> и <Route>, позволяют управлять маршрутами и отображением различных компонентов в зависимости от текущего URL. Этот инструмент улучшает пользовательский опыт, делая взаимодействие с веб-приложением более естественным и похожим на работу с обычными веб-сайтами. Практическим примером может служить создание страниц профиля, где маршрут зависит от ID пользователя в URL.

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
function App() {
return (
	<Router>
		<Switch>
			<Route path="/profile/:id" component={ProfilePage} />
			{/* Other routes */}
		</Switch>
	</Router>
);
}
function ProfilePage({ match }) {
	const userId = match.params.id;
	return <div>Профиль пользователя с ID: {userId}</div>;
}