Installation

Um die React Router-Bibliothek zu verwenden, muss sie zunächst mit einem Paketmanager wie npm oder yarn im Projekt installiert werden. Öffne das Terminal im Projektverzeichnis und führe den folgenden Befehl aus: Mit npm:

npm install react-router-dom

Überprüfung der Installation

Nachdem das Paket react-router-dom installiert wurde, sollte überprüft werden, ob es dem Projekt erfolgreich hinzugefügt wurde. Dazu wird die Datei package.json betrachtet, in der die Abhängigkeiten des Projekts aufgelistet sind.

Standardmäßig enthält das Objekt dependencies in der package.json nur die Pakete, die für den Betrieb und die Einrichtung eines einfachen React-Projekts erforderlich sind. Es könnte folgendermaßen aussehen:

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

Nach dem Hinzufügen des Pakets react-router-dom sollte ein angepasstes dependencies-Objekt mit dem enthaltenen Paket react-router-dom sichtbar sein (siehe Zeile 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"
},