Как установить React Router DOM для маршрутизации в приложениях React

Чтобы установить React Router DOM, вы можете выполнить следующие действия:

  1. Убедитесь, что в вашей системе установлены Node.js и npm (менеджер пакетов Node).

  2. Откройте папку проекта в терминале или командной строке.

  3. Чтобы установить 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.