Løst: React router Link virker

Det største problem relateret til React Router Link er, at det ikke opdaterer browserens historie korrekt, når der klikkes på det. Det betyder, at hvis en bruger klikker på et link og derefter trykker på tilbage-knappen, vil de blive ført tilbage til den forrige side i stedet for den side, de lige har navigeret væk fra. Derudover kan dette forårsage uventet adfærd i nogle tilfælde, f.eks. ved brug af forespørgselsstrenge eller hash-fragmenter.

import { BrowserRouter as Router, Route, Link } from "react-router-dom";

<Router>
  <div>
    <Link to="/">Home</Link>
    <Link to="/about">About</Link>

    <Route exact path="/" component={Home} />
    <Route path="/about" component={About} />
  </div>
</Router>

1. importer { BrowserRouter som router, rute, link } fra "react-router-dom";
// Denne linje importerer BrowserRouter-, Route- og Link-komponenterne fra react-router-dom-biblioteket.

2.
// Denne linje opretter en router-komponent, som vil blive brugt til at oprette ruter til vores applikation.

3.

//Dette lukker for vores div-element, som indeholder alle vores ruter og links

Link v6

Link v6 er en ny komponent i React Router, der giver en deklarativ, tilgængelig navigationsløsning til React-applikationer. Det erstatter den tidligere Link-komponent og giver flere funktioner og bedre understøttelse af tilgængelighed. Link v6 understøtter både almindelige links såvel som dynamisk routing, hvilket giver udviklere mulighed for at skabe kraftfulde navigationsoplevelser uden at skulle administrere ruter manuelt eller bruge tredjepartsbiblioteker. Det understøtter også server-side rendering, som giver udviklere mulighed for at skabe SEO-venlige applikationer med minimal indsats. Endelig har Link v6 indbygget understøttelse af analysesporing, hvilket gør det nemmere at spore brugerinteraktioner med din applikation.

Hvorfor React Router Link ikke virker

Der er flere mulige årsager til, at React Router Link ikke virker i React Router. Den mest almindelige årsag er, at den komponent, der linkes til, ikke er korrekt konfigureret eller opsat. For eksempel, hvis den komponent, der linkes til, ikke er blevet importeret korrekt, eller hvis rutestien er forkert, vil React Router Link ikke fungere. Derudover, hvis der er tastefejl i rutestien eller komponentnavnet, kan dette også forårsage problemer med React Router Link. Endelig, hvis der er nogen konflikter mellem flere ruter (såsom to ruter med den samme nøjagtige sti), kan dette også forårsage problemer med React Router Link.