Ingxaki ephambili enxulumene neReact Router 404 ukuqondisa kwakhona kukuba kunokuba nzima ukuyiphumeza. Ekubeni i-React Router ayinalo phepha elakhelwe ngaphakathi le-404, abaphuhlisi kufuneka benze ngesandla indlela yephepha le-404 kwaye emva koko uqwalasele i-router ukuqondisa kwakhona naziphi na izicelo ezingahambelani nendlela ekhoyo. Oku kufuna ikhowudi eyongezelelweyo kunye noqwalaselo, olunokutya ixesha kwaye kube nzima ukulungisa ukuba kukho into engahambi kakuhle. Ukongeza, ukuba umsebenzisi ujonga ngqo kwi-URL engekhoyo, basaza kubona iphepha lempazamo endaweni yokuba bathunyelwe kwiphepha le-404.
import { BrowserRouter as Router, Route, Switch } from "react-router-dom";
const App = () => (
<Router>
<Switch>
<Route exact path="/" component={Home} />
<Route exact path="/about" component={About} />
{/* 404 Redirect */}
<Route render={() => (<Redirect to="/" />)} />
</Switch>
</Router>
);
// Umgca 1: Lo mgca ungenisa ngaphandle i-BrowserRouter, Route, kunye noTshintsho kwilayibrari ye-react-router-dom.
// Umgca 3: Lo mgca uchaza umsebenzi obizwa ngokuba yi-App ebuyisela i-JSX.
// Imigca 5-7: Le migca isonga icandelo le-App kwicandelo le-Router ukusuka kwi-react-router-dom.
// Imigca 8-10: Le migca ichaza iindlela ezimbini zeKhaya kunye namacandelo malunga ngokulandelelanayo.
// Umgca 12: Lo mgca uchaza indlela ephinda iphinda ibuyele kwiphepha laseKhaya ukuba akukho ndlela yimbi ehambelanayo.
Yintoni iKhowudi yempazamo ye-404
Ikhowudi yephutha ye-404 kwi-React Router yikhowudi yesimo se-HTTP ebonisa ukuba umthombo oceliweyo awufumanekanga. Idla ngokubuyiswa xa umsebenzisi ezama ukufikelela kwiphepha okanye indlela engekhoyo. Oku kunokwenzeka ukuba umsebenzisi uyichwetheze kakubi iURL, okanye ukuba iphepha lisusiwe okanye lisusiwe ngaphandle kokuhlaziya amakhonkco kuyo. Xa oku kusenzeka, iReact Router iya kubonisa iphepha eliqhelekileyo le-404 elinomyalezo ofanelekileyo owazisa umsebenzisi ngempazamo yakhe.
404 Ukwalathisa kwakhona
Kwi-React Router, i-404 yokuqondisa kwakhona yindlela yokubuyisela abasebenzisi kwiphepha elahlukileyo xa bezama ukufikelela kwi-URL engasebenziyo. Oku kunokuba luncedo ekunikezeni abasebenzisi amava angcono xa bengena i-URL engachanekanga okanye bezama ukufikelela kwiphepha elingekhoyo. Ukuqondisa kwakhona kwe-404 kunokuphunyezwa ngokusebenzisa i-React component kwi-React Router, ekuvumela ukuba uchaze igama lendlela yephepha ofuna ukuqondisa kwakhona umsebenzisi kulo. Umzekelo, ukuba umntu uzama ukufikelela /invalid-url, ungasebenzisa icandelo lokuqondisa ngokutsha ngolu hlobo:
