Glavni problem vezan za React Router Link je taj što ne ažurira pravilno historiju pretraživača kada se klikne. To znači da ako korisnik klikne na link, a zatim pritisne dugme za povratak, biće vraćen na prethodnu stranicu umesto na stranicu sa koje je upravo otišao. Osim toga, ovo 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 as Router, Route, Link } iz “react-router-dom”;
// Ova linija uvozi komponente BrowserRouter, Route i Link iz biblioteke react-router-dom.
2.
// Ova linija kreira komponentu rutera koja će se koristiti za kreiranje ruta za našu aplikaciju.
3.
4. Početna
// Ovaj red stvara vezu na početnu stranicu naše aplikacije s tekstom 'Home'.
5. Oko
// Ovaj red stvara vezu do stranice o našoj aplikaciji s tekstom 'About'.
6.
// Ova linija kreira rutu za početnu stranicu naše aplikacije i prikazuje Home komponentu kada joj korisnik pristupi.
7.
8.
//Ovo zatvara naš div element koji sadrži sve naše rute i veze
Link 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 funkcija i bolju podršku za pristupačnost. Link v6 podržava i redovne veze kao i dinamičko rutiranje, omogućavajući programerima da stvore moćna iskustva navigacije bez potrebe da ručno upravljaju rutama ili koriste biblioteke trećih strana. Takođe podržava renderovanje na strani servera, što omogućava programerima da kreiraju aplikacije prilagođene SEO 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 taj što komponenta na koju se povezuje nije pravilno konfigurirana ili postavljena. Na primjer, ako komponenta na koju se povezuje nije ispravno uvezena ili ako je putanja rute pogrešna, onda React Router Link neće raditi. Osim toga, ako postoje greške u kucanju u putanji rute ili imenu komponente, to također može uzrokovati probleme s React Router Linkom. Konačno, ako postoje sukobi između više ruta (kao što su dvije rute s istom točnom putanjom), to također može uzrokovati probleme s React Router Linkom.
