react-router之路由重定向

在老版本的使用中，我们一般都是用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>
  );
}

当我们输入一个不存在的路由路径的时候，他就会重定向到首页