`createBrowserRouter` 是 React Router v6 中的一个函数,用于创建一个浏览器路由器。它接受一个路由配置对象作为参数,并返回一个 `Router` 组件。
要实现重定向,您可以在路由配置中使用 `redirect` 属性。例如:
```javascript
import { createBrowserRouter, Route } from 'react-router-dom';
const router = createBrowserRouter([
{
path: '/',
element: <Home />,
},
{
path: '/about',
element: <About />,
},
{
path: '/old-page',
redirect: '/new-page', // 将 /old-page 重定向到 /new-page
},
]);
function App() {
return (
<RouterProvider router={router}>
{/* 其他组件 */}
</RouterProvider>
);
}
```
在这个例子中,当用户访问 `/old-page` 时,他们将被自动重定向到 `/new-page`。
>react router v6 文档
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论