ant-design / ant-design-pro-layout

🌃 Powerful and easy to use beautiful layout
https://prolayout.ant.design/
MIT License
1k stars 239 forks source link

🐛[BUG]ProLayout 6.2.5 SiderMenu的openKeys selectedKeys无法及时更新 #580

Open johnnylc opened 3 years ago

johnnylc commented 3 years ago

🐛 bug 描述

当采用异步加载menu时,openKeys和selectedKeys无法及时根据menu变化更新。

📷 复现步骤

  state = {
    menuData: [] //若使用defaultMenus作为初值则可以正常显示
  };

  componentDidMount() {
    setTimeout(() => this.setState({ menuData: defaultMenus }), 1000);
  }

模拟异步更新menuData,菜单无法跟随路由正确选中、展开。

🏞 期望结果

menuData变化时,菜单正常选中并展开

💻 复现代码 [提供可复现的代码,仓库,或线上示例]

https://codesandbox.io/s/busy-sea-2rjr6?file=/demo.tsx

© 版本信息

mrhsiang commented 3 years ago

@johnnylc 请问你这个问题解决了吗?我这边V4,同样采用左侧菜单栏后台返回渲染,初次进去以及在本页面刷新以后,该导航都没有高亮。

johnnylc commented 3 years ago

@johnnylc 请问你这个问题解决了吗?我这边V4,同样采用左侧菜单栏后台返回渲染,初次进去以及在本页面刷新以后,该导航都没有高亮。

没有解决,6.2.0之后一直有这个问题,包括之前也提过这个issue但是并没有成功解决,这次在用例中展示得比较明显。

mrhsiang commented 3 years ago

@johnnylc 请问你这个问题解决了吗?我这边V4,同样采用左侧菜单栏后台返回渲染,初次进去以及在本页面刷新以后,该导航都没有高亮。

没有解决,6.2.0之后一直有这个问题,包括之前也提过这个issue但是并没有成功解决,这次在用例中展示得比较明显。

这个是和ProLayout版本有关系吗?我朋友是5.0.8的,他说他刷新和第一次显示没有问题。

xuchao321 commented 3 years ago

解决了吗

johnnylc commented 3 years ago

解决了吗

还没有解决