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

一、需求

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

二、思路

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

A

B

未完待续


点击查看demo

你可能感兴趣的:(React切换路由后保留原页面状态)