Isonjululwe: phendula i-router dom IndexRedirect

Ingxaki ephambili enxulumene neReact Router DOM IndexRedirect kukuba inokubangela ukuhanjiswa okungalindelekanga. Oku kungenxa yokuba icandelo le-IndexRedirect liqondisa ngokuzenzekelayo abasebenzisi kwindlela ethile xa befikelela kwingcambu ye-URL yewebhusayithi. Oku kunokubhida kubasebenzisi abalindele ukubona iphepha lasekhaya okanye omnye umxholo kwingcambu ye-URL. Ukongeza, ukuba umsebenzisi sele ejonge kwiphepha elithile kwaye emva koko ahlaziye isikhangeli sakhe, banokuphinda baqondiswe ngokungalindelekanga kude nelo phepha ngenxa yecandelo le-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. “ngenisa ngaphandle {IbrowserRouter njengeNdlela, iNdlela, i-IndexRedirect } isuka kwi-'react-router-dom'; -Lo mgca ungenisa ngaphandle i-BrowserRouter, Route kunye ne-IndexRedirect amacandelo kwilayibrari ye-react-router-dom.

2 "U” – Lo mgca usonga zonke iindlela kwicandelo le-Router esetyenziselwa ukuseta indlela yosetyenziso lweReact.

3 "U” – Lo mgca useka indlela enendlela '/'. Naziphi na izicelo kule ndlela ziyakusingathwa yile ndlela.

4 "U” – Lo mgca uthumela kwakhona naziphi na izicelo kwindlela '/' eya '/ekhaya'.

5 "U” – Lo mgca useka indlela enendlela '/ekhaya'. Naziphi na izicelo kule ndlela ziya kusingathwa licandelo laseKhaya eligqithiswe njengengxoxo kwicandelo leNdlela.

6 "U” – Lo mgca useka indlela enendlela '/ malunga'. Naziphi na izicelo kule ndlela ziyakusingathwa licandelo elimalunga neNdlela egqithiswe njengengxoxo kwicandelo leNdlela.

7." & "" - Le migca ivala zombini iindlela kunye namacandelo e-router ngokulandelelana

Yintoni i-IndexRedirect

I-IndexRedirect licandelo kwi-React Router ekuvumela ukuba uqondise kwakhona ukusuka kwenye indlela ukuya kwenye. Isetyenziswa xa ufuna ukwalathisa kwakhona umsebenzisi ukusuka kwingcambu ye-URL yesicelo sakho ukuya kwenye indlela. Umzekelo, ukuba unesicelo esinengcambu ye-URL ye-"/", ungasebenzisa i-IndexRedirect ukuqondisa kwakhona umsebenzisi "/ikhaya" xa bendwendwela i-URL eyingcambu.

Uyenza njani i-IndexRedirect

I-IndexRedirect kwiReact Router yindlela yokuqondisa kwakhona abasebenzisi ukusuka kwingcambu ye-URL yesicelo sakho ukuya kwenye i-URL. Oku kunokuba luncedo ekwalathiseni abasebenzisi kwelona phepha libalulekileyo lesicelo sakho, okanye ekudaleni iphepha lokumisa.

Ukwenza i-IndexRedirect kwiReact Router, kufuneka usebenzise i icandelo. Eli candelo lithatha iipropu ezimbini: "ukuya" kunye "nokutyhala". Ipropu ethi "kuya" isetyenziselwa ukucacisa i-URL ofuna abasebenzisi bathunyelwe kuyo, ngelixa iprop "push" imisela ukuba imbali yomkhangeli zincwadi kufuneka ihlaziywe na xa kuphinda kusenzeka (yinyani ngokungagqibekanga).

Umzekelo, ukuba ubufuna abasebenzisi abandwendwela ingcambu yeURL yakho (umzekelo, www.example.com) baqondiswe ku www.example.com/home, ungasebenzisa i-IndexRedirect ngolu hlobo:

... ezinye iindlela...