react-router4.0 路由懒加载使用bundle-loader配置后,再使用动态路由时导致组件被重新渲染

按照budle-loader插件的配置说明,配置后,懒加载是可以了。但是页面在使用动态路由的时候,会导致整个组件重新渲染,代码和截图如下:

懒加载的classify路由组件
图片描述

Bundle.jsx配置
图片描述

classify组件使用动态路由
图片描述

出现的问题,当点击左侧动态路由菜单时,会导致整个组件重新渲染,左侧的菜单栏也会重新渲染,滚动条重新回到顶部。测试了一下,当不使用懒加载模式的时候不会出现这种问题,如图:
图片描述

此外,如果使用了react-hot-loader这个插件,对于懒加载的组件会有一个警告如图:
图片描述

有尝试过其他的router4.0的解决方案,貌似没有效果,暂时这两个问题都没有解决,还请解决过的大神帮助一下,感激不尽。

阅读 2.3k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题