Glavni problem povezan s React Router Linkom je taj što ne ažurira ispravno povijest preglednika kada se klikne. To znači da ako korisnik klikne vezu i zatim pritisne gumb Natrag, bit će vraćen na prethodnu stranicu umjesto na stranicu s koje je upravo otišao. Osim toga, to može uzrokovati neočekivano ponašanje u nekim slučajevima, kao što je korištenje nizova upita ili fragmenata raspršivanja.
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. import { BrowserRouter kao Router, Route, Link } iz “react-router-dom”;
// Ovaj redak uvozi komponente BrowserRouter, Route i Link iz biblioteke react-router-dom.
2.
// Ovaj redak stvara komponentu usmjerivača koja će se koristiti za kreiranje ruta za našu aplikaciju.
3.
4. Home
// Ovaj redak stvara poveznicu na početnu stranicu naše aplikacije s tekstom 'Početna'.
5. O nama
// Ovaj redak stvara poveznicu na stranicu o našoj aplikaciji s tekstom 'O'.
6.
// Ovaj redak stvara rutu za početnu stranicu naše aplikacije i prikazuje komponentu Početna kada joj pristupi korisnik.
7.
8.
//Ovo zatvara naš div element koji sadrži sve naše rute i veze
Veza v6
Link v6 je nova komponenta u React Routeru koja pruža deklarativno, dostupno navigacijsko rješenje za React aplikacije. Zamjenjuje prethodnu komponentu Link i pruža više značajki i bolju podršku za pristupačnost. Link v6 podržava i obične veze kao i dinamičko usmjeravanje, omogućujući razvojnim programerima stvaranje snažnih navigacijskih iskustava bez potrebe za ručnim upravljanjem rutama ili korištenjem biblioteka trećih strana. Također podržava iscrtavanje na strani poslužitelja, što programerima omogućuje stvaranje aplikacija prilagođenih SEO-u uz minimalan napor. Konačno, Link v6 ima ugrađenu podršku za analitičko praćenje, što olakšava praćenje interakcija korisnika s vašom aplikacijom.
Zašto React Router Link ne radi
Postoji nekoliko mogućih razloga zašto React Router Link ne radi u React Routeru. Najčešći razlog je da komponenta s kojom se povezuje nije ispravno konfigurirana ili postavljena. Na primjer, ako komponenta s kojom se povezuje nije ispravno uvezena ili ako je putanja rute netočna, React Router Link neće raditi. Osim toga, ako postoje greške u upisu putanje rute ili naziva komponente, to također može uzrokovati probleme s React Router Linkom. Konačno, ako postoje sukobi između višestrukih ruta (kao što su dvije rute s istim točnim putem), to također može uzrokovati probleme s React Router Linkom.
