React-router之路由跳转导致store中的数据重置

一、遇到问题的原因:

        项目中React-router都是一级路由,当路由跳转的时候那个组件会被卸载掉,当返回那个组件的时候组件是重新构建的,componentdidmount会重置store中的数据,但是又不能用嵌套路由,嵌套路由会把路由到的所有组件都渲染出来。如果把加载store的函数放到父级组件的时候,当在本页面刷新浏览器的时候会找不到数据而报错。

二、解决办法:

       在当前组件监听浏览器刷新事件,当是浏览器刷新事件的时候就不去重置store中的数据,当初始化的时候就去重置store中的数据。

发布了35 篇原创文章 · 获赞 1 · 访问量 6718

猜你喜欢

转载自blog.csdn.net/qq_36162529/article/details/104637181