Встановлення

Щоб почати використовувати бібліотеку React Router, спочатку потрібно встановити її у свій проєкт за допомогою менеджера пакетів, такого як npm або yarn. Відкрийте термінал у каталозі проєкту та виконайте наступну команду: Використання npm:

npm install react-router-dom

Перевірка встановлення

Після встановлення пакета react-router-dom перевіримо, чи був він успішно доданий до нашого проєкту. Для цього переглянемо файл package.json, у якому перелічені залежності проєкту.

За замовчуванням об'єкт dependencies у package.json містить лише ті пакети, які необхідні для запуску та налаштування стандартного React-проєкту. Він може виглядати так:

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},

Після додавання пакета react-router-dom ви повинні побачити змінений об'єкт dependencies з доданим пакетом react-router-dom (як показано на рядку 7):

"dependencies": {
  "@testing-library/jest-dom": "^5.16.5",
  "@testing-library/react": "^13.4.0",
  "@testing-library/user-event": "^13.5.0",
  "react": "^18.2.0",
  "react-dom": "^18.2.0",
  "react-router-dom": "^6.13.0",
  "react-scripts": "5.0.1",
  "web-vitals": "^2.1.4"
},