Når de nødvendige afhængigheder er installeret, kan vi fortsætte med at integrere biblioteket i vores applikation.

For at tilføje routing-funktionalitet til vores applikation skal vi omslutte rodkomponenten med BrowserRouter fra react-router-dom-biblioteket. Dette trin er afgørende, da det initialiserer routingsystemet og gør det muligt at håndtere navigation baseret på URL'en.

Eksempel

• Åbn index.js-filen i dit projekt;
• Importér BrowserRouter-komponenten fra react-router-dom-biblioteket:

import { BrowserRouter } from "react-router-dom";

• Omslut App-komponenten med BrowserRouter-komponenten, som vist nedenfor (linje 9-11):

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App/App";
import { BrowserRouter } from "react-router-dom";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <React.StrictMode>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </React.StrictMode>
);

Ved at omslutte App-komponenten med BrowserRouter bliver routing-funktionalitet tilgængelig i vores applikation.