Masalah utama yang berkaitan dengan ubah hala React Router 404 ialah ia boleh menjadi sukar untuk dilaksanakan. Memandangkan React Router tidak mempunyai halaman 404 terbina dalam, pembangun mesti membuat laluan untuk halaman 404 secara manual dan kemudian mengkonfigurasi penghala untuk mengubah hala sebarang permintaan yang tidak sepadan dengan laluan sedia ada. Ini memerlukan kod dan konfigurasi tambahan, yang boleh memakan masa dan sukar untuk nyahpepijat jika berlaku masalah. Selain itu, jika pengguna menavigasi terus ke URL yang tidak wujud, mereka masih akan melihat halaman ralat dan bukannya diubah hala ke halaman 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>
);
// Baris 1: Baris ini mengimport komponen BrowserRouter, Route dan Switch daripada pustaka react-router-dom.
// Baris 3: Baris ini mentakrifkan fungsi yang dipanggil App yang mengembalikan JSX.
// Baris 5-7: Baris ini membalut komponen App dalam komponen Router daripada react-router-dom.
// Baris 8-10: Baris ini mentakrifkan dua laluan untuk komponen Laman Utama dan Perihal masing-masing.
// Baris 12: Baris ini mentakrifkan laluan yang mengubah hala ke halaman Utama jika tiada laluan lain sepadan.
Apakah itu Kod Ralat 404
Kod ralat 404 dalam React Router ialah kod status HTTP yang menunjukkan bahawa sumber yang diminta tidak dapat ditemui. Ia biasanya dikembalikan apabila pengguna cuba mengakses halaman atau laluan yang tidak wujud. Ini boleh berlaku jika pengguna tersalah taip URL, atau jika halaman telah dialih keluar atau dialihkan tanpa mengemas kini pautan kepadanya. Apabila ini berlaku, React Router akan memaparkan halaman 404 generik dengan mesej yang sesuai memberitahu pengguna tentang ralat mereka.
404 Ubah hala
Dalam React Router, ubah hala 404 ialah cara untuk mengubah hala pengguna ke halaman lain apabila mereka cuba mengakses URL yang tidak sah. Ini boleh berguna untuk memberikan pengguna pengalaman yang lebih baik apabila mereka memasukkan URL yang salah atau cuba mengakses halaman yang tidak wujud. Ubah hala 404 boleh dilaksanakan menggunakan komponen Ubah hala daripada Penghala Reaksi, yang membolehkan anda menentukan nama laluan halaman yang anda ingin ubah hala kepada pengguna. Sebagai contoh, jika seseorang cuba mengakses /invalid-url, anda boleh menggunakan komponen Ubah hala seperti ini:
