在老版本的使用中,我们一般都是用
Redirect
进行重定向,在V6版本中,我们使用Navigate
组件,官网
例子
export default function App() {
return (
<div className="App">
<h1>Welcome to React Router!</h1>
<Routes>
<Route path="/" element={<Home />} />
<Route path="about" element={<About />} />
{/* 重定向到首页 */}
<Route path="*" element={<Navigate to="/"/>} />
</Routes>
</div>
);
}
当我们输入一个不存在的路由路径的时候,他就会重定向到首页