`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 文档
发表评论