在react中实现keepAlive的插件

  1. react-activation
  2. 官方中文文档

实例:

背景:需要缓存一个页面的状态(因为想保留该页面内某些步骤切换的状态)
技术: umi^3.3.7、react17.x
实现:

  1. 安装
npm install react-activation@^0.94 uuid@^8.3.2 umi-plugin-keep-alive@0.0.1-beta.26

2.在该页面引入

import { KeepAlive } from react-activation

const TestPage = () => {
  return <div></div>
}

export default () => (
  <KeepAlive name="/TestPage.html" saveScrollPosition="screen">
    <TestPage/>
  </KeepAlive>
)
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 16宿命:用概率思维提高你的胜算 以前的我是风险厌恶者,不喜欢去冒险,但是人生放弃了冒险,也就放弃了无数的可能。 ...
    yichen大刀阅读 6,098评论 0 4
  • 公元:2019年11月28日19时42分农历:二零一九年 十一月 初三日 戌时干支:己亥乙亥己巳甲戌当月节气:立冬...
    石放阅读 6,909评论 0 2
  • 今天上午陪老妈看病,下午健身房跑步,晚上想想今天还没有断舍离,马上做,衣架和旁边的的布衣架,一看乱乱,又想想自己是...
    影子3623253阅读 2,927评论 3 8