react-activation实现路由跳转时缓存保留组件不会被移除

在 React 框架中，页面之间的切换通常依赖于路由机制进行管理，当路由发生切换时，未匹配到的页面组件会被系统自动卸载。为了确保在切换路由后再返回原页面时，其数据状态仍保持初始状态，一种可行的解决方案是借助 react-activation 插件实现页面缓存功能。

关于该方法的具体实现细节，可参考该作者所撰写的react-activation内容。

在上述缓存策略中，优先采用的是自动控制缓存这一方式，

实施步骤

在业务代码中，需要将外层组件放置于不会被销毁的位置，通常为应用的入口部分。在 React 项目中引入插件时，可通过如下代码实现：import {AliveScope} from “react-activation”;具体操作如图所示，

    import {AliveScope} from "react-activation";
    
    ReactDOM.render(
    <ConfigProvider locale={zhCN}>
        <Provider store={store}>
            <