Inkinga enkulu ehlobene nokuqondisa kabusha kwe-React Router 404 ukuthi kungaba nzima ukukusebenzisa. Njengoba i-React Router ingenalo ikhasi elakhelwe ngaphakathi le-404, abathuthukisi kufanele bakhe umzila wekhasi le-404 mathupha bese bemisa umzila ukuze uqondise kabusha noma yiziphi izicelo ezingahambisani nomzila okhona. Lokhu kudinga ikhodi eyengeziwe nokucushwa, okungadla isikhathi futhi kube nzima ukukulungisa uma kukhona okungahambi kahle. Ukwengeza, uma umsebenzisi ezulazula ngokuqondile ku-URL engekho, usazobona ikhasi lephutha esikhundleni sokuthi aqondiswe kabusha ekhasini 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>
);
// Umugqa 1: Lo mugqa ungenisa kwamanye amazwe izingxenye ze-BrowserRouter, Route, kanye ne-Switch kusuka kumtapo wezincwadi we-react-router-dom.
// Umugqa wesi-3: Lo mugqa uchaza umsebenzi obizwa nge-App obuyisela i-JSX.
// Imigqa 5-7: Le migqa igoqa ingxenye yohlelo lokusebenza engxenyeni yomzila ukusuka ku-react-router-dom.
// Imigqa 8-10: Le migqa ichaza imizila emibili yengxenye ethi Ikhaya kanye nethi Mayelana ngokulandelana.
// Umugqa 12: Lo mugqa uchaza umzila oqondisa kabusha ekhasini Lasekhaya uma ungekho omunye umzila ofanayo.
Iyini Ikhodi Yephutha Ye-404
Ikhodi yephutha engu-404 ku-React Router ikhodi yesimo se-HTTP ebonisa ukuthi insiza eceliwe ayitholakalanga. Ivamise ukubuyiselwa lapho umsebenzisi ezama ukufinyelela ikhasi noma umzila ongekho. Lokhu kungenzeka uma umsebenzisi engabhalanga kahle i-URL, noma uma ikhasi lisusiwe noma lihanjiswe ngaphandle kokubuyekeza izixhumanisi kulo. Uma lokhu kwenzeka, i-React Router izobonisa ikhasi elijwayelekile elingu-404 elinomlayezo ofanele owazisa umsebenzisi ngephutha lakhe.
404 Qondisa kabusha
Ku-React Router, ukuqondisa kabusha kwe-404 kuyindlela yokuqondisa kabusha abasebenzisi ekhasini elihlukile uma bezama ukufinyelela i-URL engavumelekile. Lokhu kungaba usizo ekunikezeni abasebenzisi umuzwa ongcono uma befaka i-URL engalungile noma bezama ukufinyelela ikhasi elingekho. Ukuqondisa kabusha kwe-404 kungenziwa kusetshenziswa ingxenye ethi Ukuqondisa kabusha ku-React Router, ekuvumela ukuthi ucacise igama lendlela yekhasi ofuna ukuqondisa kabusha umsebenzisi kulo. Isibonelo, uma othile ezama ukufinyelela /invalid-url, ungasebenzisa ingxenye ethi Ukuqondisa Kabusha kanje:
