umi-plugin-keep-alive

中文说明 | English

![NPM version](https://npmjs.org/package/umi-plugin-keep-alive)
![NPM downloads](https://npmjs.org/package/umi-plugin-keep-alive)

此功能基于 react-activation

在线示例

umi 多 tabs 示例：https://codesandbox.io/s/umi-keep-alive-tabs-demo-knfxy

使用方法

1. 安装

``bash npm install umi-plugin-keep-alive --save # or yarn add umi-plugin-keep-alive`

2. 从 umi 中导出 KeepAlive，包裹在需要被缓存的组件上

`javascript import { useState } from 'react' import { KeepAlive } from 'umi'

function Counter() { const [count, setCount] = useState(0)

return (


          count: {count}


      )
    }
    export default function() {
      const [show, setShow] = useState(true)
      return (
        

          Page index

          {show && (
            
              
            
          )}
          
        

      )
    }


文档

所有来自 react-activation 都可以由 umi 导出

`javascript import { KeepAlive, useActivate, useUnactivate, withActivation, withAliveScope, useAliveController } from 'umi'``

访问 react-activation 查阅完整的文档

LICENSE

MIT