@ant-design/pro-layout 移动模式下点击条目以后自动关闭菜单
在Ant Design Pro
工程中修改src/layouts/BasicLayout.jsx
中的menuItemRender
这个prop即可实现在移动模式下点击条目以后自动关闭菜单
// src/layouts/BasicLayout.jsx
const BasicLayout = props => {
return (
<ProLayout
menuItemRender={(menuItemProps, defaultDom) => {
if (menuItemProps.isUrl) {
return defaultDom;
}
const linkClick = menuItemProps.isMobile === true ? (handleMenuCollapse) : undefined;
return <Link to={menuItemProps.path} onClick={linkClick}>{defaultDom}</Link>;
}}
>
</ProLayout>
);
};