Ant-design-pro: 🐛[BUG]antd版本为4.0+时候的底部缩回按钮点击，侧边栏无法收回

Created on 24 Nov 2020 · 11Comments · Source: ant-design/ant-design-pro

🐛 bug 描述

📷 复现步骤

🏞 期望结果

💻 复现代码

© 版本信息

Ant Design Pro 版本: [e.g. 4.0.0]
4.0.0
umi 版本
umi@3, Pro V4
浏览器环境
开发环境 [e.g. mac OS]
window

🚑 其他信息

🛑 bug

Source

tom-chanafanghua

Most helpful comment

Antd的锅周一就好了

可以配置 breakpoint=false 先绕过一下

chenshuai2144 on 25 Nov 2020

👍3

All 11 comments

在同事mac和朋友的电脑上多次测试，都有这种问题，官网演示版本是正常，只有下载脚手架后运行会出问题

tom-chanafanghua on 24 Nov 2020

刚Yarn了一个V5，也是这样

xyzabc0004 on 24 Nov 2020

https://procomponents.ant.design/components/layout/ 官方的这个页面的侧边栏好像都没办法收回。。。

tom-chanafanghua on 24 Nov 2020

我也遇到了这个问题，点击底部按钮菜单栏没有收回
preview 页面稳定复现
https://preview.pro.ant.design/dashboard/analysis?splitMenus=false&primaryColor=daybreak&navTheme=light

pzc666 on 24 Nov 2020

同上V4昨天刚试了无法收回

lovesL on 25 Nov 2020

一样

lspeer on 25 Nov 2020

v5 无法收起

leitingx762 on 25 Nov 2020

mark

zhengchalei on 25 Nov 2020

ProLayout 把breakpoint设为false
https://github.com/ant-design/pro-components/blob/master/packages/layout/src/SiderMenu/SiderMenu.tsx#L149
https://github.com/ant-design/ant-design/blob/master/components/layout/Sider.tsx#L110

lspeer on 25 Nov 2020

👍1

我在侧面板伸缩点击事件 const handleMenuCollapse = payload => {} 加入了一个console.log(payload); 发现触发了2次payload，一次false，一次true，不知道什么原因导致的重复事件，从而导致缩不回去。只能自己加了个防止重复点击解决了：

 const [isClick, setClick] = useState(false);  
 const handleMenuCollapse = payload => {
    if (dispatch) {
      if(!isClick){
        dispatch({
          type: 'global/changeLayoutCollapsed',
          payload
        });
        setClick(true);
        setTimeout(()=>{setClick(false)},500);
      }
    }
  };