Isonjululwe: phendula i-router yongeza i-fallback ukubamba zonke

Ingxaki ephambili enxulumene ne-React Router kunye nokongeza i-fallback ukubamba konke kukuba kunokuba nzima ukuyiqwalasela ngokufanelekileyo indlela yokubuyela umva. Indlela yokubuyela umva kufuneka iqwalaselwe ngendlela eya kuthi ibambe zonke izicelo, kuquka nezo zingezizo iindlela ezisebenzayo. Ukuba ubumbeko alwenziwanga ngokuchanekileyo, izicelo zeendlela ezingasebenziyo aziyi kubanjwa yindlela yokubuyela umva kwaye zingabangela iimpazamo okanye ukuziphatha okungalindelekanga. Ukongeza, ukuba usetyenziso luqulathe iindlela eziguquguqukayo (umzekelo, ngokusekwe kwigalelo lomsebenzisi), ngoko ke ezi kufuneka zithathelwe ingqalelo xa kumiselwa indlela yokubuyela umva ukuze nazo zibanjwe yiyo.

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>  
);

// Umgca 1: Lo mgca ungenisa ngaphandle i-BrowserRouter, Route, kunye noTshintsho kwilayibrari ye-react-router-dom.
// Umgca wesi-2: Lo mgca uchaza rhoqo ebizwa ngokuba yi-App eyinxalenye yomsebenzi.
// Umgca 3: Lo mgca unika icandelo le-Router ukusuka kwi-react-router-dom.
// Umgca 4: Lo mgca unika icandelo loTshintsho kwi-react-router-dom.
// Imigca 5 & 6: Le migca inika amacandelo amabini eNdlela eneendlela ezichanekileyo kunye namacandelo ekufuneka anikezelwe xa ezo ndlela zihambelana.
// Umgca 8: Lo mgca unikezela indlela yokubuyela umva ukuba akukho nanye yezinye iindlela ezihambelanayo. Iza kunika icandelo le-NoMatch ukuba akukho ezinye iindlela ezihambelanayo.

Yintoni i-react router

I-React Router lithala leencwadi lendlela yosetyenziso lweReact. Ivumela abaphuhlisi ukuba benze iindlela kunye nezixhobo ezinokuthi zisetyenziswe ukuhamba phakathi kwamaphepha ahlukeneyo kwisicelo se-React. Ikwabonelela ngeempawu ezifana nongqamaniso lwendlela eguqukayo, iiparamitha zemibuzo, kunye nobume bendawo. Ukongeza, ibonelela ngenkxaso yonikezelo lwecala lomncedisi kunye nokwahlulahlula ikhowudi.

Bamba yonke indlela yokubuyela umva

Ukubambisa zonke iindlela zokubuyela umva yindlela ekwiReact Router ehambelana nayo nayiphi na indlela engakhange idityaniswe yiyo nayiphi na enye indlela. Olu hlobo lwendlela luhlala lusetyenziselwa ukwenza iphepha le-404, okanye ukunika icandelo kuzo zonke iindlela ezingahambelaniyo. Kubalulekile ukuqaphela ukuba indlela yokubamba yonke indlela yokubuyela umva kufuneka ihlale iyindlela yokugqibela kuluhlu lweendlela, njengoko iya kuhambelana nayo nayiphi na indlela kwaye ithintele ezinye iindlela ukuba zihambelane.

Uyichaza njani indlela yokubuyela umva ngokufanelekileyo

Xa usebenzisa iReact Router, indlela yokubuyela umva yindlela esetyenziswa xa kungekho ezinye iindlela ezidibana neURL eceliweyo. Ngokuqhelekileyo isetyenziselwa ukuqondisa kwakhona abasebenzisi kwiphepha le-404 okanye elinye iphepha xa i-URL eceliweyo ingekho.

Ukuchaza indlela yokubuyela umva ngokufanelekileyo kwiReact Router, kufuneka uqale wenze i icandelo kwaye uyisongele kwiindlela zakho. Ngaphakathi kwi icandelo, kufuneka uquke iindlela zakho eziqhelekileyo ezilandelwa yi icandelo elingenandlela ixeliweyo. Le iya kuba yindlela yakho yokubuyela umva kwaye iyakubamba naziphi na izicelo ezingahambelaniyo nezinye iindlela zakho. Ungacacisa ke ukuba kwenzeke ntoni na xa le ndlela idityanisiwe, njengokuphinda uhambise kwiphepha le-404 okanye ubonise omnye umxholo.

Kutheni indlela yokubuyela umva isoloko isenziwa

Indlela yokubuyela umva kwiReact Router isoloko iqhutywa xa indlela ye-URL ingahambelani nayo nayiphi na indlela ekhoyo. Oku kunokwenzeka xa umsebenzisi echwetheza ngesandla kwi-URL engachanekanga, okanye ukuba inkqubo yenkqubo yesicelo ayibunjwanga kakuhle. Indlela yokubuyela umva ivumela abaphuhlisi ukuba baphathe le mizekelo ngobubele kwaye banike ingxelo kumsebenzisi, efana nephepha le-404 okanye baqondise kwakhona kwiphepha lasekhaya.