问题遇到的现象和发生背景
react-router-dom V6怎么实现两个路由下的嵌套路由
const Router = () => {
const router = useRoutes([
{
path: '/',
exact: true,
element: <Navigate to='/discover' />,
},
{
path: '/discover',
element: <Discover />,
children: [
{
path: '/discover',
exact: true,
element: <Navigate to="/discover/recommend" />
},
{
path: '/discover/recommend',
element: <Recommend />
},
{
path: '/discover/ranking',
element: <Rannking />
},
{
path: '/discover/songs',
element: <Song />
},
{
path: '/discover/album',
element: <Album />,
},
{
path: '/discover/artist',
element: <Artist />
},
{
path: '/discover/player',
element: <Playlist />
},
]
},
{
path: "/playlist",
element: <Play />
},
{
path: "/Album",
element: <Albums />
},
{
path: "/artist",
element: <Artists />,
children: [
{
path: "/artist",
exact: true,
element: <Navigate to="/artist" />
},
{
path: "/artist/album",
},
]
},
])
return router
}
用代码块功能插入代码,请勿粘贴截图
运行结果及报错内容
我实现了/descover的嵌套路由,但是实现不了/artist的嵌套路由