Ixazululiwe: phendula i-router dom IndexRedirect

Inkinga enkulu ehlobene ne-React Router DOM IndexRedirect ukuthi ingabangela ukuqondisa kabusha okungalindelekile. Lokhu kungenxa yokuthi ingxenye ye-IndexRedirect iqondisa kabusha abasebenzisi kumzila othile lapho befinyelela impande ye-URL yewebhusayithi. Lokhu kungase kudide abasebenzisi abalindele ukubona ikhasi eliyisiqalo noma okunye okuqukethwe kumsuka we-URL. Ukwengeza, uma umsebenzisi esevele ezulazulele ekhasini elithile bese evuselela isiphequluli sakhe, angase aqondiswe kabusha kungazelelwe asuke kulelo khasi ngenxa yengxenye ye-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 i-{ BrowserRouter as Router, Route, IndexRedirect } isuka ku-'react-router-dom';” - Lo mugqa ungenisa kwamanye amazwe izingxenye ze-BrowserRouter, Route kanye ne-IndexRedirect kusuka kumtapo wezincwadi we-react-router-dom.

I-2 "” – Lo mugqa ugoqa yonke imizila engxenyeni Yerutha esetshenziselwa ukusetha umzila wohlelo lokusebenza lwe-React.

I-3 "” – Lo mugqa uhlela umzila onomzila othi '/'. Noma yiziphi izicelo kule ndlela zizosingathwa yilo mzila.

I-4 "” – Lo mugqa uqondisa kabusha noma yiziphi izicelo ku-'/' endleleni eya '/ekhaya'.

I-5 "” – Lo mugqa uhlela umzila onendlela ethi '/yasekhaya'. Noma yiziphi izicelo eziya kule ndlela zizosingathwa ingxenye Yasekhaya edluliswa njengengxabano engxenyeni yoMzila.

I-6 "” – Lo mugqa uhlela umzila ngendlela ethi '/mayelana'. Noma yiziphi izicelo eziya kule ndlela zizosingathwa ingxenye ethi Mayelana edluliswa njengengxabano engxenyeni yoMzila.

7.”” & “” – Le migqa ivala yomibili imizila nezingxenye zerutha ngokulandelana

Iyini i-IndexRedirect

I-IndexRedirect iyisakhi ku-React Router ekuvumela ukuthi uqondise kabusha usuka komunye umzila uye kwenye. Isetshenziswa uma ufuna ukuqondisa kabusha umsebenzisi ukusuka kumpande ye-URL yohlelo lwakho lokusebenza ukuya komunye umzila. Isibonelo, uma unohlelo lokusebenza olunezimpande ze-URL ethi “/”, ungasebenzisa i-IndexRedirect ukuze uqondise kabusha umsebenzisi kokuthi “/ekhaya” lapho evakashela impande ye-URL.

Uyenza kanjani i-IndexRedirect

I-IndexRedirect in React Router iyindlela yokuqondisa kabusha abasebenzisi isuka kumsuka we-URL yohlelo lwakho lokusebenza iye kwenye i-URL. Lokhu kungaba usizo ekuqondiseni abasebenzisi ekhasini elibaluleke kakhulu lohlelo lwakho lokusebenza, noma ekudaleni ikhasi lokubikezela.

Ukuze wenze i-IndexRedirect ku-React Router, udinga ukusebenzisa i- ingxenye. Le ngxenye ithatha izingxenye ezimbili: “kuya” kanye “nokuphusha”. Iphropu ethi “kuya” isetshenziselwa ukucacisa i-URL ofuna abasebenzisi baqondiswe kuyo kabusha, kuyilapho isixhaso esithi “push” sinquma ukuthi umlando wesiphequluli kufanele ubuyekezwe noma cha lapho lokhu kuqondisa kabusha kwenzeka (iqiniso ngokuzenzakalelayo).

Isibonelo, uma ubufuna abasebenzisi abavakashela i-URL yakho eyimpande (isb, www.example.com) ukuthi baqondiswe kabusha ku-www.example.com/home, ungasebenzisa i-IndexRedirect enjengale:

… eminye imizila…