React切换路由后保留原页面状态

一、需求

2个页面，第一个A页面包含一个翻页的表格，点击表格行跳转该条数据的详情页面B，切换回A页面依然保留A页面的状态

二、思路

DOM中分别用2个容器 存放A、B页面，配置路由分别对应Acomponent 和 Bcomponent ，设置B的样式遮罩住A，路由切换回A页面后，B已经销毁，A依然保留。

<div id="app">A</div>

<div id="detail-page">B</div>

未完待续


点击查看demo

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。