Galvenā problēma, kas saistīta ar React Router Link, ir tā, ka, noklikšķinot uz tā, tā netiek pareizi atjaunināta pārlūkprogrammas vēsture. Tas nozīmē, ka, ja lietotājs noklikšķina uz saites un pēc tam nospiež pogu Atpakaļ, viņš tiks novirzīts atpakaļ uz iepriekšējo lapu, nevis uz lapu, no kuras tikko devās prom. Turklāt dažos gadījumos tas var izraisīt neparedzētu darbību, piemēram, ja tiek izmantotas vaicājuma virknes vai jaukšanas fragmenti.
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ēt { BrowserRouter as Router, Route, Link } no “react-router-dom”;
// Šī rinda importē komponentus BrowserRouter, Route un Link no react-router-dom bibliotēkas.
2.
// Šī rinda izveido maršrutētāja komponentu, kas tiks izmantots, lai izveidotu maršrutus mūsu lietojumprogrammai.
3.
4. Sākumlapa
// Šajā rindā tiek izveidota saite uz mūsu lietojumprogrammas sākumlapu ar tekstu 'Sākums'.
5. Par mums
// Šī rindiņa izveido saiti uz mūsu lietojumprogrammas par lapu ar tekstu "Par".
6.
// Šī rindiņa izveido maršrutu mūsu lietojumprogrammas sākumlapai un atveido komponentu Sākums, kad tam piekļūst lietotājs.
7.
8.
//Tas aizver mūsu div elementu, kas satur visus mūsu maršrutus un saites
Saite v6
Link v6 ir jauns React Router komponents, kas nodrošina deklaratīvu, pieejamu navigācijas risinājumu React lietojumprogrammām. Tas aizstāj iepriekšējo saites komponentu un nodrošina vairāk funkciju un labāku pieejamības atbalstu. Link v6 atbalsta gan parastās saites, gan dinamisko maršrutēšanu, ļaujot izstrādātājiem izveidot jaudīgu navigācijas pieredzi, manuāli nepārvaldot maršrutus vai neizmantojot trešo pušu bibliotēkas. Tā atbalsta arī servera puses renderēšanu, kas ļauj izstrādātājiem izveidot SEO draudzīgas lietojumprogrammas ar minimālu piepūli. Visbeidzot, Link v6 ir iebūvēts analītikas izsekošanas atbalsts, kas atvieglo lietotāja mijiedarbības ar jūsu lietojumprogrammu izsekošanu.
Kāpēc React Router Link nedarbojas
Ir vairāki iespējamie iemesli, kāpēc React Router Link nedarbojas React Router. Visizplatītākais iemesls ir tas, ka komponents, ar kuru ir saistīta saite, nav pareizi konfigurēts vai iestatīts. Piemēram, ja komponents, ar kuru tiek saistīta saite, nav pareizi importēts vai ja maršruta ceļš ir nepareizs, React Router Link nedarbosies. Turklāt, ja maršruta ceļā vai komponenta nosaukumā ir drukas kļūdas, tas var izraisīt arī problēmas ar React Router Link. Visbeidzot, ja rodas konflikti starp vairākiem maršrutiem (piemēram, diviem maršrutiem ar vienādu precīzu ceļu), tas var izraisīt arī problēmas ar React Router Link.
