Чтобы установить React Router DOM, вы можете выполнить следующие действия:
-
Убедитесь, что в вашей системе установлены Node.js и npm (менеджер пакетов Node).
-
Откройте папку проекта в терминале или командной строке.
-
Чтобы установить React Router DOM, выполните следующую команду:
npm install react-router-dom
Эта команда загрузит и установит пакет DOM React Router и его зависимости в ваш проект.
После завершения установки вы можете импортировать и использовать React Router DOM в своем приложении React. Вот пример того, как его использовать:
import { BrowserRouter, Route, Switch } from 'react-router-dom';
function App() {
return (
<BrowserRouter>
<Switch>
<Route exact path="/" component={Home} />
<Route path="/about" component={About} />
<Route path="/contact" component={Contact} />
</Switch>
</BrowserRouter>
);
}
export default App;
В приведенном выше примере мы импортируем необходимые компоненты (BrowserRouter, Routeи Switch) из react-router -domпакет. Затем мы обертываем наши маршруты компонентом BrowserRouterи определяем наши маршруты с помощью компонента Routeв компоненте Switch.