Kuxazululiwe: i-router sabela engeza i-fallback ukuze ubambe konke

Inkinga enkulu ehlobene ne-React Router kanye nokwengeza i-fallback ukuze ubambe konke ukuthi kungaba nzima ukulungisa kahle umzila wokubuyela emuva. Umzila wokubuyela emuva udinga ukumiswa ngendlela yokuthi uzobamba zonke izicelo, okuhlanganisa nalezo ezingezona izindlela ezivumelekile. Uma ukulungiselelwa kungenziwanga kahle, izicelo zemizila engavumelekile ngeke zibanjwe umzila wokubuyela emuva futhi zingase zibangele amaphutha noma ukuziphatha okungalindelekile. Ukwengeza, uma uhlelo lokusebenza luqukethe imizila eguquguqukayo (isb, ngokusekelwe kokufakwayo komsebenzisi), khona-ke lezi zidinga ukucatshangelwa lapho kulungiswa umzila wokubuyela emuva ukuze nazo zibanjwe yikho.

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

const App = () => (
  <Router>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />

      {/* Fallback route */}
      <Route component={NoMatch} /> 

    </Switch>
  </Router>  
);

// Umugqa 1: Lo mugqa ungenisa kwamanye amazwe izingxenye ze-BrowserRouter, Route, kanye ne-Switch kusuka kumtapo wezincwadi we-react-router-dom.
// Umugqa wesi-2: Lo mugqa uchaza okungaguquki okubizwa ngokuthi i-App okuyingxenye yomsebenzi.
// Umugqa wesi-3: Lo mugqa unikeza ingxenye Yerutha ukusuka ku-react-router-dom.
// Umugqa 4: Lo mugqa unikeza ingxenye ye-Shintsha ukusuka ku-react-router-dom.
// Imigqa 5 & 6: Le migqa inikeza izingxenye ezimbili Zomzila ezinendlela eqondile kanye nezingxenye okufanele zinikezwe lapho lezo zindlela zifaniswa.
// Umugqa wesi-8: Lo mugqa unikeza umzila wokubuyela emuva uma ungekho omunye umzila ofaniswe. Izonikeza ingxenye ye-NoMatch uma ingekho eminye imizila efana.

Yini i-react router

I-React Router iwumtapo womzila wezinhlelo zokusebenza ze-React. Ivumela onjiniyela ukuthi bakhe imizila nezingxenye ezingasetshenziswa ukuzulazula phakathi kwamakhasi ahlukene kuhlelo lokusebenza lwe-React. Iphinde inikeze izici ezifana nokufanisa umzila oguquguqukayo, amapharamitha wemibuzo, nesimo sendawo. Ukwengeza, inikeza ukusekelwa kokunikezwa kohlangothi lweseva nokuhlukaniswa kwekhodi.

Bamba yonke indlela yokubuyela emuva

Umzila wokubuyela emuva wokubamba wonke umzila ku-React Router efana nanoma iyiphi indlela engazange ifaniswe yimiphi eminye imizila. Lolu hlobo lomzila luvame ukusetshenziselwa ukwakha ikhasi le-404, noma ukunikeza ingxenye yazo zonke izindlela ezingenakuqhathaniswa. Kubalulekile ukuqaphela ukuthi umzila wokubuyela emuva wokubamba wonke kufanele uhlale ungumzila wokugcina ohlwini lwemizila, njengoba uzofana nanoma iyiphi indlela futhi uvimbele eminye imizila ukuthi ifaniswe.

Ungawuchaza kanjani umzila wokubuyela emuva ngendlela efanele

Uma usebenzisa i-React Router, umzila wokubuyela emuva uwumzila osetshenziswa uma ingekho eminye imizila efana ne-URL eceliwe. Ngokuvamile isetshenziselwa ukuqondisa kabusha abasebenzisi ekhasini le-404 noma kwelinye ikhasi lapho i-URL eceliwe ingekho.

Ukuze uchaze umzila wokubuyela emuva kahle ku-React Router, kufanele uqale udale i ingxenye bese uyigoqa emizileni yakho. Ngaphakathi kwe ingxenye, kufanele ufake imizila yakho evamile elandelwa a ingxenye engacacisiwe indlela. Lona kuzoba umzila wakho wokubuyela emuva futhi uzobamba noma yiziphi izicelo ezingafani nanoma yimiphi eminye imizila yakho. Ungabe usucacisa okufanele kwenzeke uma lo mzila ufaniswa, njengokuqondisa kabusha ekhasini le-404 noma ukubonisa okunye okuqukethwe.

Kungani umzila wokubuyela emuva uqalwa njalo

Umzila wokubuyela emuva ku-React Router uhlala ucushwa uma indlela ye-URL ingafani nanoma yimiphi imizila ekhona. Lokhu kungenzeka uma umsebenzisi ethayipha mathupha i-URL engalungile, noma uma ingqondo yomzila yohlelo lokusebenza ingalungiselelwanga kahle. Umzila wokubuyela emuva uvumela onjiniyela ukuthi baphathe lezi zimo ngomusa futhi banikeze impendulo kumsebenzisi, njengekhasi le-404 noma ukuziqondisa kabusha ekhasini lasekhaya.