🐛[BUG]ProLayout自定义menu后样式改了但是点不动了

[haungxinyan]

trafficstars

提问前先看看：

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🐛 bug 描述

https://procomponents.ant.design/components/layout#%E8%87%AA%E5%AE%9A%E4%B9%89-menu-%E7%9A%84%E5%86%85%E5%AE%B9 根据组件文档中的自定义menu样式修改后，menu点击无效

📷 复现步骤

在app.tsx中的export const layout: RunTimeLayoutConfig的return中添加下面这两行后，点击左侧菜单无效，进不去页面 menuItemRender: (item, dom) =>

pre {dom}

, subMenuItemRender: (_, dom) =>

pre {dom}

🏞 期望结果

© 版本信息

• ProComponents 版本: "@ant-design/pro-layout": "6.38.11", "antd": "^4.21.5","version": "5.0.0",
• umi 版本
• 浏览器环境版本 chrome103.0.5060.134（正式版本） （64 位）
• 开发环境 window7

[haungxinyan]

另外我只是想给每个item加个id进去，不是很好加噢

[haungxinyan]

/** * @name 处理父级菜单的 props，可以复写菜单的点击功能，一般用于埋点 * @see 子级的菜单要使用 menuItemRender 来处理 * * @example 使用 a 标签跳转到特殊的地址 subMenuItemRender={(item, defaultDom) => { return <a onClick={()=> history.push(item.path) }>{defaultDom} }} * @example 增加埋点 subMenuItemRender={(item, defaultDom) => { return <a onClick={()=> log.click(item.name) }>{defaultDom} }} / subMenuItemRender?: WithFalse<(item: MenuDataItem & { isUrl: boolean; }, defaultDom: React.ReactNode, menuProps: BaseMenuProps) => React.ReactNode>; /* * @name 处理菜单的 props，可以复写菜单的点击功能，一般结合 Router 框架使用 * @see 非子级的菜单要使用 subMenuItemRender 来处理 * * @example 使用 a 标签 menuItemRender={(item, defaultDom) => { return <a onClick={()=> history.push(item.path) }>{defaultDom} }} * @example 使用 Link 标签 menuItemRender={(item, defaultDom) => { return <Link to={item.path}>{defaultDom}</Link> }} */ menuItemRender?: WithFalse<(item: MenuDataItem & { isUrl: boolean; onClick: () => void; }, defaultDom: React.ReactNode, menuProps: BaseMenuProps & Partial<PrivateSiderMenuProps>) => React.ReactNode>; 文档写了 需要自己写跳转 -_-|| 不知道是之前瞎还是后来更新了组件 结束啦