React 中保存页面状态/在react中实现vue的keep-alive/React Activation
1.背景
用户访问了一个列表页,点击查进入详情页,从详情页退回列表页时,需要停留在离开列表页时的浏览位置上
*在 React 中,我们通常会使用路由去管理不同的页面,而在切换页面时,路由将会卸载掉未匹配的页面组件,所以上述列表页例子中,当用户从详情页退回列表页时,会回到列表页顶部,因为列表页组件被路由卸载后重建了,状态被丢失。*
2.常见的解决方式
(1)手动保存状态:配合 React 组件的 componentWillUnmount 生命周期通过dva、 redux 之类的数据流管理工具对数据进行保存,
原创
2021-07-08 17:53:47 ·
4314 阅读 ·
0 评论