Встановлення React Router
Встановлення
Щоб почати використовувати бібліотеку 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"
},
Дякуємо за ваш відгук!
Запитати АІ
Запитати АІ
Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат
What should I do after installing react-router-dom?
Can you explain how to set up basic routing in my React app?
Where should I import BrowserRouter in my project?
Awesome!
Completion rate improved to 4.17Встановлення React Router
Свайпніть щоб показати меню
Встановлення
Щоб почати використовувати бібліотеку 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"
},
Дякуємо за ваш відгук!
