Glavni problem povezan s vanjskim poveznicama React Routera je taj što mogu uzrokovati neočekivano ponašanje prilikom navigacije između različitih stranica. Na primjer, ako korisnik klikne vanjsku poveznicu dok je na stranici React Routera, preglednik će otići s trenutne stranice umjesto da usmjeri na novu stranicu unutar aplikacije. To može dovesti do zbunjenosti i frustracije za korisnike koji očekuju glatki prijelaz između stranica. Osim toga, vanjske veze također mogu uzrokovati probleme sa SEO-om budući da tražilice možda neće moći pravilno indeksirati sadržaj iz vanjskih izvora.
import { Link } from "react-router-dom"; <Link to="https://www.example.com" target="_blank" rel="noopener noreferrer">External Link</Link>
1. Ovaj redak uvozi komponentu veze iz biblioteke react-router-dom.
2. Ovaj redak stvara element veze koji će preusmjeriti na "https://www.example.com" kada se klikne i otvoriti ga u novoj kartici bez informacija o preporuci poslanim na novu stranicu. Tekst veze bit će "Vanjska poveznica".
Što je vanjska poveznica
Vanjska poveznica u React Routeru je poveznica koja vodi korisnika na stranicu izvan aplikacije. To može biti vanjska web stranica ili druga aplikacija. Vanjske poveznice koriste se kako bi korisnicima pružile dodatne informacije ili resurse vezane uz sadržaj unutar aplikacije. Također se mogu koristiti kao način usmjeravanja korisnika na druge aplikacije ili web stranice radi daljnjeg istraživanja.
Kako dodati vanjsku vezu s React Routerom
Dodavanje vanjske veze s React Routerom u React Router jednostavan je postupak. Prvo morate uvesti komponentu Link iz paketa react-router-dom. Zatim možete koristiti komponentu Link za stvaranje veze na vanjski URL. Sintaksa za stvaranje veze izgleda ovako:
Na primjer, ako želite stvoriti vezu na Google, to bi izgledalo ovako:
Nakon što stvorite svoju vezu, možete dodati dodatne rekvizite kao što su target i rel atributi za bolju dostupnost i sigurnosne svrhe. Na primjer: