react routerV6 多層路由嵌套不顯示的問題

只有一層子路由的時候在頁面加入

        <Outlet />

就可以了，但是子路由下面還有子路由這樣的多層嵌套除了頁面要有這個react-router-dom自帶的組件以外還要在路由列表加入，如下：

    {
            path: 'event',
            element: <Event />,
            title: '事件',
            icon: 'icon-moban',
            children: [
              {
                path: 'my-event',
                element: (
                  <>
                    <MyEvent />
                    <Outlet />
                  </>
                ),
                title: '我的事件',
                children: [
                  {
                    path: 'exe-event',
                    element: <Element1 />,
                    title: '完成的事件',
                  },
                ],
              },
              {
                path: 'event-coordinate',
                element: <Element />,
                title: '事件222',
              },
            ],
          },

問題解決