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