Installation

Um die React Router-Bibliothek zu verwenden, muss sie zunächst mit einem Paketmanager wie npm oder yarn im Projekt installiert werden. Das Terminal im Projektverzeichnis öffnen und folgenden Befehl ausführen: 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 die Datei package.json prüfen, in der die Abhängigkeiten des Projekts aufgelistet sind.

Standardmäßig enthält das Objekt dependencies in package.json nur die für den Betrieb und die Einrichtung eines einfachen React-Projekts erforderlichen Pakete. Es kann beispielsweise wie folgt 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 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"
},