Atrisināts: kā pāradresēt React Router v6

Galvenā problēma, kas saistīta ar novirzīšanu React Router v6, ir tā, ka novirzīšanas sintakse ir ievērojami mainījusies salīdzinājumā ar iepriekšējām versijām. 6 versijā komponents Redirect ir jāizmanto, nevis elementam un atbalstam jābūt nodrošinātam ar objektu, kas satur ceļa nosaukuma rekvizītu. Turklāt šajā objektā ir jāiekļauj arī visi papildu rekvizīti, piemēram, stāvokļa vai vaicājuma parametri. Tas var apgrūtināt darbu izstrādātājiem, kuri ir pieraduši izmantot vienkāršāku React Router versiju sintaksi.

In React Router v6, you can use the <Redirect> component to redirect from one page to another.

Example: 

import { Redirect } from 'react-router-dom'; 
 
<Route exact path="/old-path"> 
   <Redirect to="/new-path" /> 
</Route>

1. importēt { Redirect } no 'react-router-dom';
– Šī rinda importē Redirect komponentu no react-router-dom bibliotēkas.

2.
– Šī rinda izveido maršruta komponentu ar precīzu ceļu “/old-path”.

3.
– Šajā rindā tiek izmantots komponents Redirect, lai novirzītu no “/old-path” uz “/new-path”.

Kā es varu novirzīt React Router v6

v6

React Router v6 nodrošina novirzīšanas komponentu, ko var izmantot, lai novirzītu lietotājus no vienas lapas uz citu. Lai izmantotu komponentu Redirect, tas ir jāimportē no pakotnes react-router-dom. Komponentam Redirect ir divi rekvizīti: no un uz. Rekvizīts “no” ir pašreizējās lapas ceļš, un rekvizīts “uz” ir tās lapas ceļš, uz kuru vēlaties novirzīt lietotājus. Piemēram, ja vēlaties novirzīt lietotājus no /homepage uz /about, jūsu kods izskatīsies šādi:

importēt { Redirect } no 'react-router-dom';

Kas ir reaģējošais maršrutētājs?

React Router ir React maršrutēšanas bibliotēka, kas ļauj izstrādātājiem izveidot vienas lapas lietojumprogrammas ar navigāciju un dinamisku, uz stāvokli balstītu maršrutēšanu. Tas palīdz sinhronizēt lietotāja interfeisu ar vietrādi URL, tādējādi lietotājiem ir vieglāk kopīgot un pievienot vietrāžus URL. React Router nodrošina arī jaudīgas funkcijas, piemēram, slinku ielādi, maršruta aizsardzību un atrašanās vietas pārejas apstrādi.

Reaģē maršrutētāju veidi

React Router ir React maršrutēšanas bibliotēka, kas ļauj izstrādātājiem izveidot vienas lapas lietojumprogrammas ar navigāciju un URL maršrutēšanu. Tas nodrošina trīs veidu maršrutētājus: BrowserRouter, HashRouter un MemoryRouter.

BrowserRouter: šis maršrutētājs izmanto HTML5 vēstures API, lai jūsu lietotāja interfeiss būtu sinhronizēts ar URL. To izmanto, ja savā lietojumprogrammā vēlaties izmantot reālus URL.

HashRouter: šis maršrutētājs izmanto URL jaucējdaļu (ti, #), lai jūsu lietotāja interfeiss būtu sinhronizēts ar URL. To izmanto, ja nevēlaties izmantot īstus vietrāžus URL vai ja nepieciešama saderība ar vecākām pārlūkprogrammām, kas neatbalsta HTML5 vēstures API.

MemoryRouter: šis maršrutētājs saglabā atrašanās vietu vēsturi atmiņā un nedarbojas ar pārlūkprogrammas adreses joslu un neveido reālus URL. Tas ir noderīgi testēšanas nolūkos vai vidēs, kur nav vēlams izmantot reālus URL (piemēram, servera puses renderēšanai).