zl程序教程

您现在的位置是:首页 >  工具

当前栏目

react-router之路由重定向

2023-09-11 14:19:18 时间

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

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