如何使用 React Router 6 进行 404 重定向？

Question

在 React Router 5 中，我可以使用 a<redirect path='' />但已在 React Router 6 中删除。我认为它已被替换为<Navigate>，但这会引发此用例的安全错误。

Answer 1

Redirect已经不在了react-router version 6。对于react-router-dom v6，您可以使用Navigate来代替Redirect。这是示例：

import {Routes, Route, Navigate } from "react-router-dom";

function App() {
    return (
        <>
            <Routes>
                <Route path="/404" element={<div>Page Not Found/div>} />
                <Route path="*" element={<Navigate replace to="/404" />} />
            </Routes>
        </>
    );
}