React61 / 78

Halaman 404 & Route Guard Sederhana

Route path="*" menangkap seluruh URL yang tidak cocok untuk menampilkan Halaman 404 Not Found.

👀 Contoh dulu

<Route path="/login" element={<Login />} />

Hasilnya: Route standar yang memetakan path /login ke komponen Login.

💡 Selalu tempatkan path='*' di bagian paling akhir daftar Route.

📝 Sekarang giliranmu

Buat elemen <Route> penangkap (catch-all) dengan path="*" yang akan menampilkan elemen <NotFound /> jika tidak ada rute lain yang cocok.

Preview