React （umi框架中）缓存页面

莫道开发

于 2024-09-05 11:14:19 发布

阅读量141

点赞数 1

文章标签： react.js 前端前端框架

本文链接：https://blog.csdn.net/weixin_43856422/article/details/141925830

版权

$ npm install umi-plugin-keep-alive --save
//或者
$ yarn add umi-plugin-keep-alive

我用的umi，有的react 项目还需要个依赖包

yarn add react-activation

用法：

import { KeepAlive } from 'umi'
  <KeepAlive
        when={true} //true卸载时缓存，false卸载时不缓存
        name={'salaryGroup'}  //可按照name卸载缓存状态下的 <KeepAlive> 节点 
        saveScrollPosition="screen"> //自动保存共享屏幕容器的滚动位置
        <TableList></TableList> //包裹的组件
      </KeepAlive>