根据id生成动态路由，使用Outlet嵌入，使用Link to跳转，但是点击的时候浏览器地址变了，Outlet内容没有刷新，不会触发useEffect

[huxx5429]

export function patchClientRoutes({ routes }: { routes: Route[] }) {
  const dynamicRoutes: Route[] = [];
  const dynamicBoardRoutes: Route[] = [];
  const { PROJECT_ENV } = process.env;
  fdIds.forEach(fdId => {
    dynamicRoutes.push(
      {
        title: '',
        path: `/${PROJECT_ENV || 'qilin'}/form/${fdId}`,
        element: React.createElement(lazy(() => import('@/pages/form/index'))),
      },
    );
  });
  const parsedRoutes = [
    {
      element: <Suspense fallback={<div>Loading...</div>}><BasicLayout /></Suspense>,
      children: [
        {
          /** 权限控制的路由 */
          element: <Suspense fallback={<div>Loading...</div>}><AccessCheck /></Suspense>,
          children: [
            ...dynamicRoutes,
            {
              title: '404',
              element: (
              <Suspense fallback={<div>Loading...</div>}>
                {Empty && <Empty />}
              </Suspense>
        ),
            },
          ],
        },
        {
          title: '404',
          element: (
            <Suspense fallback={<div>Loading...</div>}>
              {Empty && <Empty />}
            </Suspense>
          ),
        },
      ],
    },
  ];
  Object.assign(routes, parsedRoutes);
}

BasicLayout里是自定义的layout和Outlet

[fz6m]

是 patch 的时候路由表 chilren 的结构没配好么，要不先静态配一个带子 routes 的静态路由，打印出来看看结构是什么样的，再参考着 patch 。

如还有问题，给一个最小复现仓库看看吧。