探索React Router:实现动态二级路由

我有一个路由配置的二维数组，想根据这个数组结合路由组件来动态生成路由，应该怎么样实现。在 React Router 6 中渲染二级路由的方式跟 React Router 5相比有一些变化,但核心思路仍然是利用 Route 组件和路由嵌套的方式。下面是具体的步骤:

1. 定义路由数组

const routes = [
  {
   
    path: '/',
    element: <Home />
  },
  {
   
    path: '/about',
    element: <About />
  },
  {
   
    path: '/products',
    element: <Products />,