自定义layout组件，props里拿不到config的routes，没办法自己实现菜单的渲染？

[Johnnnnboy]

Background

项目中需要多个layout布局

Proposal

项目中有多种layout的需求，那么就需要自定义layout组件，在layout组件内自己实现头部，菜单，底部。现在的问题在于layout组件的props是空的拿不到config的routes，这种情况下如何拿到routes并实现菜单的渲染呢？

Additional context

[github-actions]

由于缺乏足够的信息，我们暂时关闭了该 Issue。请修改（不要回复） Issue 提供最小重现以重新开启。谢谢。

[twinkle77]

umi3. 升级到 um4 会有这个问题，props 拿不到 route 信息了

我在看能不能通过 useAppData 来做

[SilentFlute]

可以通过useLocation来实现, umi4的文档中有这个api: useLocation, 详情可查看react-router的文档: react router_useLocation, 伪代码如下:

const Layout = () => {
  const location = useLocation();
  const { pathname } = location;
  
  if(pathname === '/custom-path') {
    return <Outlet />;
  }

  return <OtherComponents />;

[fz6m]

useAppData 、useSelectedRoutes ，从这些里面可以获取到，详见文档。

[SilentFlute]

useAppData 、useSelectedRoutes ，从这些里面可以获取到，详见文档。

可以可以, 之前都没留意到, 也是个方法, 学到了

只是我试了下, useSelectedRoutes, 获取当前路径命中的所有路由信息, 获取到的结果永远包含最外层的/src/layout, 然后才到children, 也就是获取到的结果是父路由和子路由, 这是合理的, 只是对于想直接获取到子路由做判断的情形似乎有些冗余了, 不如获取当前的位置信息, 也就是location信息来得直观