Aktivering av Routing i en React-App

När de nödvändiga beroendena har installerats kan vi fortsätta att integrera biblioteket i vår applikation.

För att lägga till routingfunktionalitet i vår applikation måste vi kapsla in rotkomponenten med BrowserRouter från biblioteket react-router-dom. Detta steg är avgörande eftersom det initierar routingsystemet och gör det möjligt att hantera navigering baserat på URL:en.

Exempel

• Öppna filen index.js i ditt projekt;
• Importera komponenten BrowserRouter från biblioteket react-router-dom:

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

• Kapsla in komponenten App med komponenten BrowserRouter, enligt nedan (rad 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>
);

Genom att kapsla in komponenten App med BrowserRouter gör vi routingfunktionalitet tillgänglig i vår applikation.