Il-problema ewlenija relatata ma 'React Router 404 redirect hija li jista' jkun diffiċli biex jiġi implimentat. Peress li React Router m'għandux paġna 404 inkorporata, l-iżviluppaturi għandhom joħolqu manwalment rotta għall-paġna 404 u mbagħad jikkonfiguraw ir-router biex jidderieġu mill-ġdid kwalunkwe talba li ma taqbilx ma 'rotta eżistenti. Dan jeħtieġ kodiċi u konfigurazzjoni addizzjonali, li jistgħu jieħdu ħafna ħin u diffiċli biex jiġu debug jekk xi ħaġa tmur ħażin. Barra minn hekk, jekk utent jinnaviga direttament lejn URL li ma jeżistix, xorta se jara paġna ta' żball minflok ma jiġi ridirett lejn il-paġna 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>
);
// Linja 1: Din il-linja timporta l-komponenti BrowserRouter, Route, u Switch mil-librerija react-router-dom.
// Linja 3: Din il-linja tiddefinixxi funzjoni msejħa App li tirritorna JSX.
// Linji 5-7: Dawn il-linji wrap-komponent App f'komponent Router minn react-router-dom.
// Linji 8-10: Dawn il-linji jiddefinixxu żewġ rotot għall-komponenti Home u Dwar rispettivament.
// Linja 12: Din il-linja tiddefinixxi rotta li tidderieġi mill-ġdid lejn il-paġna Home jekk l-ebda rotta oħra ma taqbel.
X'inhu Kodiċi ta' Żball 404
Kodiċi ta 'żball 404 f'React Router huwa kodiċi ta' status HTTP li jindika li r-riżorsa mitluba ma setgħetx tinstab. Normalment jiġi rritornat meta utent jipprova jaċċessa paġna jew rotta li ma teżistix. Dan jista' jseħħ jekk l-utent ikun ttajpja URL ħażin, jew jekk il-paġna tneħħiet jew tmexxiet mingħajr ma aġġorna l-links għaliha. Meta jiġri dan, React Router se juri paġna ġenerika 404 b'messaġġ xieraq li jinforma lill-utent bl-iżball tiegħu.
Redirezzjoni 404
F'React Router, redirect 404 huwa mod kif l-utenti jerġgħu jidderieġu lejn paġna differenti meta jippruvaw jaċċessaw URL invalidu. Dan jista' jkun utli biex jipprovdi lill-utenti b'esperjenza aħjar meta jidħlu URL mhux korrett jew jippruvaw jaċċessaw paġna li ma teżistix. Ir-redirect 404 jista 'jiġi implimentat bl-użu tal-komponent Redirect minn React Router, li jippermettilek li tispeċifika l-pathname tal-paġna li trid terġa' tidderieġi l-utent għaliha. Pereżempju, jekk xi ħadd jipprova jaċċessa /invalid-url, tista' tuża l-komponent Redirect bħal dan:
