search

kuhami / react-ant

（基于pro 2.0）基于Ant Design Pro 的 (多标签页tabs、拖拽、富文本、拾色器、多功能table、多选Select)
https://kuhami.github.io/react-ant/
MIT License
284 stars 55 forks source link

点击浏览器的前进和后退时TAB页没有正确切换 #14

Open huaxiaosxl opened 5 years ago

huaxiaosxl commented 5 years ago

我准备使用您的这个框架开发一个管理后台，感谢您的分享，谢谢！

我在测试过程中发现点击浏览器的前进和后退时TAB页没有正确切换，左侧导航菜单是有正确切换样式的，但TAB页没有自动切换到对应的页面，期待能够增加此功能。

kuhami commented 5 years ago

@huaxiaosxl 感谢🙏提出此问题，下期研究研究此功能！

Clearives commented 5 years ago

第一想到的方法是componentWillReceiveProps，代码如下：

componentWillReceiveProps(nextProps) {
    if (nextProps.history.action === "POP" && this.props.location.pathname !== nextProps.location.pathname) {
      console.log('pop')
      this.onHandlePage({ key: nextProps.location.pathname })
    }
  }

可是我们在点击左侧菜单的时候用的push，导致回退需要点2次才能回到前一个页面😂