Solvut: jirreaġixxi router dom IndexRedirect

Il-problema ewlenija relatata ma 'React Router DOM IndexRedirect hija li tista' tikkawża redirects mhux mistennija. Dan għaliex il-komponent IndexRedirect awtomatikament jidderieġi mill-ġdid lill-utenti għal rotta speċifikata meta jaċċessaw l-URL tal-għeruq ta 'websajt. Dan jista' jkun ta' konfużjoni għall-utenti li qed jistennew li jaraw il-homepage jew kontenut ieħor fl-għerq tal-URL. Barra minn hekk, jekk utent ikun diġà navigat għal paġna speċifika u mbagħad jġedded il-brawżer tiegħu, jista 'jiġi ridirezzjonat bla mistenni 'l bogħod minn dik il-paġna minħabba komponent 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. "importazzjoni { BrowserRouter bħala Router, Rotta, IndexRedirect } minn 'react-router-dom';" – Din il-linja timporta l-komponenti BrowserRouter, Route u IndexRedirect mil-librerija react-router-dom.

2. “” – Din il-linja tiġbor ir-rotot kollha f'komponent tar-Router li jintuża biex jitwaqqaf ir-rotot għal applikazzjoni React.

3. “” – Din il-linja tistabbilixxi rotta b'passaġġ ta' '/'. Kwalunkwe talba għal din il-passaġġ se tiġi ttrattata minn din ir-rotta.

4. “” – Din il-linja tidderieġi mill-ġdid kwalunkwe talba lejn il-passaġġ '/' lejn '/home'.

5. “” – Din il-linja tistabbilixxi rotta b'passaġġ ta' '/home'. Kwalunkwe talba għal din il-mogħdija tiġi ttrattata mill-komponent Home li jiġi mgħoddi bħala argument għall-komponent tar-Rotta.

6. “” – Din il-linja tistabbilixxi rotta b'passaġġ ta' '/madwar'. Kwalunkwe talba għal din il-mogħdija tiġi ttrattata mill-komponent Dwar li jiġi mgħoddi bħala argument għall-komponent Rotta.

7.”” & “” – Dawn il-linji jagħlqu kemm ir-rotot kif ukoll il-komponenti tar-router rispettivament

X'inhu IndexRedirect

IndexRedirect huwa komponent f'React Router li jippermettilek li terġa 'tidderieġi minn rotta għal oħra. Jintuża meta trid tidderieġi mill-ġdid lill-utent mill-URL għerq tal-applikazzjoni tiegħek għal rotta oħra. Pereżempju, jekk għandek applikazzjoni b'URL ta 'l-għerq ta' "/", tista 'tuża IndexRedirect biex tindirizza mill-ġdid lill-utent għal "/home" meta jżuru l-URL ta' l-għerq.

Kif tagħmel IndexRedirect

IndexRedirect f'React Router huwa mod kif l-utenti jerġgħu jidderieġu mill-URL għerq tal-applikazzjoni tiegħek għal URL ieħor. Dan jista' jkun utli biex tidderieġi lill-utenti lejn l-iktar paġna importanti tal-applikazzjoni tiegħek, jew biex toħloq paġna ta' destinazzjoni.

Biex tagħmel IndexRedirect f'React Router, trid tuża l- komponent. Dan il-komponent jieħu żewġ props: "biex" u "push". Il-"to" prop hija użata biex tispeċifika l-URL li trid li l-utenti jiġu ridirezzjonati lejh, filwaqt li l-"push" prop tiddetermina jekk l-istorja tal-browser għandhiex tiġi aġġornata jew le meta jseħħ dan ir-riindirizz (veru b'mod awtomatiku).

Pereżempju, jekk ridt li l-utenti li jżuru l-URL tal-għeruq tiegħek (eż., www.example.com) jiġu ridiretti lejn www.example.com/home, tista' tuża IndexRedirect bħal dan:




… rotot oħra …

Related postijiet:

Kumment