🐛[BUG]ProLayout会出现undefined is not iterable (cannot read property Symbol(Symbol.iterator))

habitualloafer commented 11 months ago

🐛 bug 描述

ProLayout会出现undefined is not iterable (cannot read property Symbol(Symbol.iterator))

📷 复现步骤

hash路由模式下，直接更改路由地址复现

💻 复现代码

import { PageContainer, ProLayout } from "@ant-design/pro-components"; import { Space } from "antd"; import { FC, } from "react"; import { Outlet, } from "react-router-dom"; import { DownloadOutlined, UserOutlined } from "@ant-design/icons"; import logo from "@assets/logo.png"; import { useLocation,useMatches } from "react-router-dom"; import { getMenuData } from "@router/index";

const Layout: FC = () => { const menuData=getMenuData(); const location=useLocation(); const matches=useMatches(); const breadcrumb=matches.filter(({handle}:any)=>!!handle?.breadcrumb).map(({handle,pathname}:any)=>({path:"/#"+pathname,title:handle.breadcrumb}));

return (

<ProLayout
  layout="mix"
  logo={logo}
  menuDataRender={()=>(menuData)}
  breadcrumbRender={()=>breadcrumb}
  location={location}
  menu={{
    defaultOpenAll:true
  }}
  headerContentRender={() => (
    <div style={{ display: "flex", justifyContent: "end" }}>
      <Space size="middle">
        <DownloadOutlined />
        <Space>
          <UserOutlined />
          超级管理员
        </Space>
      </Space>
    </div>
  )}
>
  <PageContainer header={{
    title:breadcrumb[breadcrumb.length-1]?.title
  }}>
    <Outlet />
  </PageContainer>
</ProLayout>

); };

export default Layout;