Glavni problem u vezi s vanjskim vezama React Router-a je taj što mogu uzrokovati neočekivano ponašanje prilikom navigacije između različitih stranica. Na primjer, ako korisnik klikne na vanjsku vezu dok je na stranici React Routera, pretraživač će otići sa trenutne stranice umjesto da usmjerava na novu stranicu unutar aplikacije. To može dovesti do zabune i frustracije kod korisnika koji očekuju nesmetan prijelaz između stranica. Osim toga, eksterne veze također mogu uzrokovati probleme sa SEO-om jer pretraživači 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. Ova linija uvozi komponentu Link iz biblioteke react-router-dom.
2. Ova linija kreira element veze koji će preusmjeriti na “https://www.example.com” kada se klikne i otvoriti ga u novoj kartici bez informacija o upućivaču poslanih na novu stranicu. Tekst veze će biti “Spoljna veza”.
Šta je eksterna veza
Eksterna veza u React Routeru je veza koja vodi korisnika na stranicu izvan aplikacije. Ovo može biti eksterna web stranica ili druga aplikacija. Eksterne veze se koriste da bi korisnicima pružile dodatne informacije ili resurse u vezi sa sadržajem unutar aplikacije. Mogu se koristiti i kao način za usmjeravanje korisnika na druge aplikacije ili web stranice radi daljeg istraživanja.
Kako dodati eksternu vezu sa React Routerom
Dodavanje eksterne veze sa React Routerom u React Router je jednostavan proces. Prvo, morate uvesti komponentu Link iz paketa react-router-dom. Zatim možete koristiti komponentu Link za kreiranje veze na vanjski URL. Sintaksa za kreiranje linka izgleda ovako:
Na primjer, ako želite da kreirate link ka Google-u, to bi izgledalo ovako:
Kada kreirate svoju vezu, možete dodati dodatne propise kao što su target i rel atributi za bolju pristupačnost i sigurnosne svrhe. Na primjer:
