美文网首页
在react中实现keepAlive的插件

在react中实现keepAlive的插件

作者: jack_rofer | 来源:发表于2021-11-10 10:14 被阅读0次
  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>
)

相关文章

网友评论

      本文标题:在react中实现keepAlive的插件

      本文链接:https://www.haomeiwen.com/subject/vgsbzltx.html