Leer React Router Installeren | Implementatie van React Router in een React-App

Installatie

Om te beginnen met het gebruiken van de React Router-bibliotheek, moet deze eerst worden geïnstalleerd in het project met behulp van een pakketbeheerder zoals npm of yarn. Open de terminal in de projectmap en voer het volgende commando uit: Gebruik npm:

npm install react-router-dom

Installatie controleren

Nu het react-router-dom-pakket is geïnstalleerd, kan worden gecontroleerd of het succesvol aan het project is toegevoegd. Dit kan door het package.json-bestand te bekijken, waarin de afhankelijkheden van het project worden vermeld.

Standaard bevat het dependencies-object in package.json alleen de pakketten die nodig zijn voor het uitvoeren en opzetten van een standaard React-project. Dit ziet er bijvoorbeeld als volgt uit:

"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"
},

Na het toevoegen van het react-router-dom-pakket, zou het dependencies-object aangepast moeten zijn en het react-router-dom-pakket bevatten (zoals te zien op regel 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"
},

Was alles duidelijk?

Bedankt voor je feedback!

Sectie 2. Hoofdstuk 2

Vraag AI

Vraag wat u wilt of probeer een van de voorgestelde vragen om onze chat te starten.

Suggested prompts:

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?

Veeg om het menu te tonen