React项目实现页面状态缓存（keep-alive）

1. 下载插件

npm install react-activation -S -D
npm install umi-plugin-keep-alive -S -D

2. 项目入口文件

import { KeepAlive, useAliveController } from 'umi'
 const { dropScope, clear } = useAliveController()
  <KeepAlive
         when // 组件卸载后缓存(离开页面时缓存)可以传入Boolean,array,function
         id={pathname} // 缓存多个页面时要有id
        name={pathname} // 页面的path地址
        saveScrollPosition="screen" // 可以记住页面的滚动位置,切换页面是回到上一次滚动的位置,可以设置为false
    >
        <Router />
  </KeepAlive>

3. API
   clear() 清除所有路由缓存
   dropScope(key)清除某一个路由缓存