Zgjidhet: reagon router dom IndexRedirect

Problemi kryesor në lidhje me React Router DOM IndexRedirect është se ai mund të shkaktojë ridrejtime të papritura. Kjo është për shkak se komponenti IndexRedirect ridrejton automatikisht përdoruesit në një rrugë të caktuar kur ata hyjnë në URL-në rrënjë të një faqe interneti. Kjo mund të jetë konfuze për përdoruesit që presin të shohin faqen kryesore ose përmbajtje tjetër në URL-në rrënjë. Për më tepër, nëse një përdorues ka lundruar tashmë në një faqe specifike dhe më pas rifreskon shfletuesin e tij, ai mund të ridrejtohet papritur nga ajo faqe për shkak të një komponenti IndexRedirect.

import { BrowserRouter as Router, Route, IndexRedirect } from "react-router-dom";

<Router>
  <Route path="/">
    <IndexRedirect to="/home" />
    <Route path="/home" component={Home} />
    <Route path="/about" component={About} />
  </Route>  
</Router>

1. “importoni { BrowserRouter si Router, Route, IndexRedirect } nga 'react-router-dom';" – Kjo linjë importon komponentët BrowserRouter, Route dhe IndexRedirect nga biblioteka react-router-dom.

2. '” – Kjo linjë mbështjell të gjitha rrugët në një komponent Router i cili përdoret për të vendosur rrugëzimin për një aplikacion React.

3. '” – Kjo linjë cakton një itinerar me një shteg prej '/'. Çdo kërkesë për këtë shteg do të trajtohet nga kjo rrugë.

4. '” – Kjo linjë ridrejton çdo kërkesë në shtegun '/' në '/home'.

5. '” – Kjo linjë vendos një itinerar me një shteg '/home'. Çdo kërkesë për këtë shteg do të trajtohet nga komponenti Home i cili kalohet si argument në komponentin Route.

6. '” – Kjo linjë cakton një itinerar me një shteg '/rreth'. Çdo kërkesë për këtë shteg do të trajtohet nga komponenti Rreth i cili kalohet si argument në komponentin Route.

7.” & “” – Këto linja mbyllin respektivisht si rrugët ashtu edhe komponentët e ruterit

Çfarë është IndexRedirect

IndexRedirect është një komponent në React Router që ju lejon të ridrejtoni nga një rrugë në tjetrën. Përdoret kur dëshironi të ridrejtoni përdoruesin nga URL-ja kryesore e aplikacionit tuaj në një rrugë tjetër. Për shembull, nëse keni një aplikacion me URL rrënjë "/", mund të përdorni IndexRedirect për të ridrejtuar përdoruesin te "/home" kur ata vizitojnë URL-në rrënjë.

Si të bëni IndexRedirect

IndexRedirect në React Router është një mënyrë për të ridrejtuar përdoruesit nga URL-ja kryesore e aplikacionit tuaj në një URL tjetër. Kjo mund të jetë e dobishme për t'i drejtuar përdoruesit në faqen më të rëndësishme të aplikacionit tuaj, ose për të krijuar një faqe uljeje.

Për të bërë IndexRedirect në React Router, duhet të përdorni komponent. Ky komponent kërkon dy mbështetëse: "për" dhe "shtytje". Mbështetja "to" përdoret për të specifikuar URL-në ku dëshironi që përdoruesit të ridrejtohen, ndërsa mbështetja "shtytje" përcakton nëse historia e shfletuesit duhet të përditësohet ose jo kur ndodh ky ridrejtim (e vërtetë sipas parazgjedhjes).

Për shembull, nëse dëshironi që përdoruesit që vizitojnë URL-në tuaj rrënjësore (p.sh., www.example.com) të ridrejtohen në www.example.com/home, mund të përdorni një IndexRedirect si ky:

… rrugë të tjera…