Dhibaatada ugu weyn ee la xiriirta React Router 404 redirect waa in ay adkaan karto in la fuliyo. Mar haddii React Router aanu lahayn bog 404 ku dhex dhisan, horumariyayaashu waa in ay gacantooda ku abuuraan waddo loogu talagalay bogga 404 ka dibna u habeeyaan router-ka si uu u jiheeyo codsi kasta oo aan ku habboonayn waddo jirta. Tani waxay u baahan tahay kood dheeraad ah iyo habayn, kaas oo noqon kara waqti badan oo ay adag tahay in la saxo haddii ay wax qaldamaan. Intaa waxaa dheer, haddii isticmaale uu si toos ah ugu socdo URL aan jirin, waxay weli arki doonaan bogga qaladka halkii lagu jiheyn lahaa bogga 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>
);
// Sadarka 1: Khadkani waxa uu ka soo dejiyaa BrowserRouter, Route, iyo qaybaha beddelka ee maktabadda react-router-dom.
// Sadarka 3: Sadarkani waxa uu qeexayaa shaqada loo yaqaan App-ka oo soo celisa JSX.
// Sadarka 5-7: Khadadkani waxay ku duubaan qaybta App-ka ee qayb router ah oo ka imanaya react-router-dom.
// Sadarka 8-10: Khadadkani waxay qeexayaan laba waddo oo loogu talagalay Guriga iyo Waxyaabaha ku saabsan siday u kala horreeyaan.
// Sadarka 12: Sadarkani waxa uu qeexayaa dariiqa u jiheeya bogga guriga haddii aanu jirin waddo kale oo u dhigma.
Waa maxay 404 Code Error Code
Koodhka qaladka 404 ee React Router waa koodka heerka HTTP kaas oo tilmaamaya in ilaha la codsaday aan la heli karin. Badanaa waa la soo celiyaa marka isticmaaluhu isku dayo inuu galo bog ama waddo aan jirin. Tani waxay dhici kartaa haddii adeegsaduhu uu si khaldan u qoray URL, ama haddii bogga laga saaray ama la dhaqaaqay iyada oo aan la cusboonaysiin xiriirinta. Marka tani dhacdo, React Router wuxuu soo bandhigi doonaa bog guud oo ah 404 oo wata fariin ku habboon oo u sheegaysa isticmaalayaasha khaladkooda.
404 dib u jiheynta
Gudaha React Router, 404 redirect waa hab lagu jiheeyo isticmaalayaasha bog kale marka ay isku dayaan inay galaan URL aan sax ahayn. Tani waxay faa'iido u yeelan kartaa siinta isticmaaleyaasha khibrad ka wanaagsan markay galaan URL khaldan ama isku dayaan inay galaan bog aan jirin. Dib-u-dejinta 404 waxaa lagu hirgelin karaa iyadoo la adeegsanayo qaybta Dib-u-dejinta ee React Router, taas oo kuu ogolaanaysa inaad qeexdo magaca bogga aad rabto inaad u wareejiso isticmaalaha. Tusaale ahaan, haddii qof isku dayo inuu galo /invalid-url, waxaad isticmaali kartaa qaybta Redirect sida tan:
