avatar

ShīnChvën ✨

Effective Accelerationism

Powered by Druid

@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>
  );
};