最近小新在写一个基于React Hooks+Mobx+axios+react-router-dom v6+antD的前端项目,在进行二级路由配置时遇到了一些问题。
path:" / " 时,渲染组件<Layout />
;
path:" / " 时,重定向到Layout的子组件Home,路径为 " /home "。
这个需求看上去非常简单,如果使用Vue的路由表来写的话:
const routes = [
{
path: '/',
component: Layout,
redirect: '/home',
children: [
{
path: "/home", component: Home }
]
}
]
是不是觉得非常简单,其实用React来写,如果不使用路由表(不使用useRoutes
这个Hook)的话,也是非常简单。
<Routes>
<Route path="/" element={
<Layout />}>
<Route index element={