React Router Linkiga seotud peamine probleem on see, et see ei värskenda klõpsamisel brauseri ajalugu korralikult. See tähendab, et kui kasutaja klõpsab lingil ja seejärel vajutab tagasi nuppu, suunatakse ta tagasi eelmisele lehele, mitte sellele leheküljele, millelt ta just lahkus. Lisaks võib see mõnel juhul põhjustada ootamatut käitumist, näiteks päringustringide või räsifragmentide kasutamisel.
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. importige { BrowserRouter as Router, Route, Link } jaotisest "react-router-dom";
// See rida impordib komponendid BrowserRouter, Route ja Link teegist react-router-dom.
2.
// See rida loob ruuteri komponendi, mida kasutatakse meie rakenduse jaoks marsruutide loomiseks.
3.
4. Avaleht
// See rida loob lingi meie rakenduse avalehele tekstiga 'Kodu'.
5. MEIST
// See rida loob lingi meie rakenduse teabelehele tekstiga "Teave".
6.
// See rida loob marsruudi meie rakenduse avalehe jaoks ja renderdab kodukomponendi, kui kasutaja sellele juurde pääseb.
7.
8.
//See sulgeb meie div elemendi, mis sisaldab kõiki meie marsruute ja linke
Link v6
Link v6 on React Routeri uus komponent, mis pakub Reacti rakenduste jaoks deklaratiivset ja juurdepääsetavat navigeerimislahendust. See asendab eelmise lingi komponendi ning pakub rohkem funktsioone ja paremat tuge juurdepääsetavuse jaoks. Link v6 toetab nii tavalisi linke kui ka dünaamilist marsruutimist, võimaldades arendajatel luua võimsaid navigeerimiskogemusi ilma marsruute käsitsi haldamata või kolmandate osapoolte teeke kasutamata. Samuti toetab see serveripoolset renderdamist, mis võimaldab arendajatel luua SEO-sõbralikke rakendusi minimaalse pingutusega. Lõpuks on Link v6-l sisseehitatud tugi analüütika jälgimiseks, mis muudab kasutajate ja teie rakendusega suhtlemise jälgimise lihtsamaks.
Miks React Router Link ei tööta?
On mitu võimalikku põhjust, miks React Router Link React Routeris ei tööta. Kõige tavalisem põhjus on see, et lingitud komponent pole õigesti konfigureeritud või seadistatud. Näiteks kui lingitud komponenti pole õigesti imporditud või kui marsruudi tee on vale, siis React Router Link ei tööta. Lisaks, kui marsruudi tee või komponendi nimes on kirjavigu, võib see põhjustada probleeme ka React Router Linkiga. Lõpuks, kui mitme marsruudi vahel on konflikte (nt kaks marsruuti, millel on sama täpne tee), võib see põhjustada probleeme ka React Router Linkiga.
